`
PrideSnow
  • 浏览: 239553 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

js DOM操作进行div中所有对象的复制

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> js DOM操作进行div中所有对象的复制 </TITLE>
<script>
function show(){
var obj2=document.getElementById("LandLayer_SavedSearch_Delete2");
var obj3=document.getElementById("LandLayer_SavedSearch_Delete3");
iteraterTag(obj2,obj3);
alert(obj3.innerHTML);
}
function iteraterTag(obj2,targetObj){
var obj2_childs = obj2.childNodes;
while(obj2_childs.length) {
targetObj.appendChild(obj2_childs[0]);
}
}
</script>
</HEAD>

<BODY>
<div id="LandLayer_SavedSearch_Delete2" style="display:block;background-color:#FFF000;">
<div>You can set a new preferred Saved Search.</div>
<div>Search Name:
<select name="testSel" id="testSel">
<OPTION>123</OPTION>
<OPTION>234</OPTION>
</select>
</div>
<input type="button" onClick="childOK();" value="OK"/>
</div>
<div id="LandLayer_SavedSearch_Delete3" style="display:block;">
</div>
<div id="buttonLayer">
<input type="button" id="button_parent_saveas" name="button_parent_saveas" value="test" onClick="show();" /></br>
</div>
</BODY>
</HTML>

分享到:
评论

相关推荐

    jQuery中DOM操作实例分析

    这里主要设计的dom操作包括:dom对象的创建(JS方式和jquery方式)、属性的修改、样式的修改、动态绑定事件 代码如下: 复制代码 代码如下:&lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head&gt; ...

    JavaScript详解(第2版)

     12.1.2 JavaScript中的image对象   12.2 回顾链接   12.3 图片地图   12.3.1 使用src属性动态替换图片   12.3.2 预加载图片和Image()构造函数   12.3.3 随机显示图片和onClick事件   12.3.4 ...

    reactify-dom-style

    如果需要,您可以仅从src / module / reactify-dom-style.js文件复制该函数并将其粘贴到您的代码中。 React渲染函数中的示例用法: var reactifyDOMStyle = require('reactify-dom-style'); ... render(){ var ...

    ie6、ie7dom 元素重新渲染及zoom的使用

    初始: ... ie6、ie7下出现问题,"芒果推荐"所在的div 没有被撑下来,有...js操作DOM,有时候在IE6下简直就是噩梦,不渲染的解决方法通常都是zoom强制IE渲染来解决: javascript代码: 复制代码代码如下:document.body.st

    程序天下:JavaScript实例自学手册

    8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的注释 8.11 为超链接同时绑定单击和双击事件 8.12 带链接的滚动字幕 8.13 会跳舞的...

    《程序天下:JavaScript实例自学手册》光盘源码

    8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的注释 8.11 为超链接同时绑定单击和双击事件 8.12 带链接的滚动字幕 8.13 会跳舞的...

    精通javascript

    1.将该实例复制到C:\Inetpub\wwwroot下; 2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • ...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    精通JavaScript

    2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2....

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    JavaScript网页特效范例宝典源码

    实例063 在下拉列表中进行多选移除 106 实例064 将数组中的数据添加到下拉菜单中 107 实例065 应用下拉菜单选择所要联机的网站 108 实例066 多级级联菜单 110 实例067 可以输入文字的下拉菜单 111 实例068 根据下拉...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    /js/all.js JavaScript脚本文件 /images 图片文件 第24章(/ch24) 程序描述:本章将使用Ajax技术实现无刷新即可浏览RSS的阅读器。添加一个RSS地址时,自动保存到数据库。打开阅读RSS时,自动获取...

    JavaScript应用177例

    代码说明:本章代码都具有一定危害性,可按照页面提示进行操作。 32.1.htm 字符串翻倍 32.2.htm 函数循环交叉调用 32.3.htm 无限递归调用 32.4.htm 构造无限数组 32.5....

    Java学习笔记-个人整理的

    {1.10.4}数组对象的复制}{35}{subsection.1.10.4} {1.10.5}扩充数组对象长度}{36}{subsection.1.10.5} {1.10.6}Problems}{37}{subsection.1.10.6} {1.11}简单算法}{38}{section.1.11} {1.11.1}打乱算法}{38}{...

Global site tag (gtag.js) - Google Analytics