iteye_13460 2010-03-18 16:27
浏览 196
已采纳

divObj.cloneNode.....使用cloneNode copy div

为什么我得到div 对象后,不能使用cloneNode copy 一份呢?

用div包着的东西,没法clone....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">



无标题文档






    </tr>
</table>
<input type="button" onClick="add();"/>

function add(){ var tableObj = document.getElementById("tableId"); var trObj = document.createElement("tr"); var tdObj = document.createElement("td"); var inputObj = document.createElement("input"); //trObj.appendChild(tdObj); //tableObj.appendChild(trObj); //tdObj.appendChild(inputObj); var divObj = document.getElementById("div1"); var trObj = document.getElementById("trId"); var tmpObj = divObj.cloneNode(true); var newDivObj = document.createElement("div"); newDivObj.innerText=111; alert(tdObj); trObj.appendChild(tmpObj); }

aaa
  • 写回答

2条回答 默认 最新

  • 拽拽的初行者 2010-03-18 17:10
    关注

    [color=blue][b]
    改正了以下几个错误：

    1、标签的嵌套错误

    2、clone后改id值

    3、Element.innerHTML是标准的写法，FF3.6和IE8下通用[/b][/color]

    [code="html"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">



    无标题文档

    aaa


    function add(){ /*删除了无用的代码*/ var trObj = document.getElementById("trId"); var divObj = document.getElementById("div1"); var tmpObj = divObj.cloneNode(true); /* clone时，id也被克隆，注意该id*/ tmpObj.setAttribute("id","anotherID"); trObj.appendChild(tmpObj); }

    [/code]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • js无缝滚动,谁帮我解读下下面这段代码 javascript
    2017-11-04 08:00
    回答 1 已采纳 滚动得距离大于obj宽度时，obj滚动的距离回到原点，否则obj继续滚动
  • javascript变量变成php形式 javascript php
    2014-02-10 22:36
    回答 1 已采纳 Add a hidden number input inside of the form so the data will be passed onto the server: <inpu
  • 实现DIV圆角的JavaScript代码.doc
    2022-06-11 14:15
    本文将详细介绍如何使用JavaScript实现DIV元素的圆角效果。 首先，我们介绍的核心文件是`rounded_corners.js`，这是一个开源的JavaScript库，专门用于动态创建DOM元素的圆角效果。使用这个库，无需修改任何图像，就...
  • abrels.inc.php_setlist.js
    2020-12-21 18:06
    weixin_39641463的博客 //移动层的类function aListSetMove(){this.Move = function(DivID,Evt){if(DivID == "") return;var DivObj = document.getElementById(DivID);evt = Evt?Evt:window.event;...var DivW = DivObj.offset...
  • Javascript中有关obj.style.left和obj.offsetLeft的小知识
    2018-05-26 14:50
    kingwapp的博客 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，但是区别在于：1、obj.style.left返回的是字符串，即“0px”,而obj....
  • 使用prototype.js经验积累
    2011-11-16 14:54
    iteye_19467的博客 divObj.style.height = (25 * records.length + 10) + "px"; }else{ sb += "<tr>"; sb += "无调查数据</td>"; sb += "</tr>"; sb += "</table>"; divObj.style.height = "40px"; } ...
  • 动态给页面上添加div.html
    2019-07-31 21:56
    NewBee.Mu的博客 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function... var divobj=docume...
  • cesium学习记录02-vue项目中cesium的配置与使用
    2023-02-28 11:25
    木卯彳亍的博客 1，下载cesium包 （当然，使用npm install cesium安装也是可以的，不过在这里选择下载包放到本地） 官方下载地址 笔者的cesium版本为1.101 2，将下载的Cesium文件夹放到项目里某个位置 这里，笔者将其放在static...
  • 6.网页前端之javascript一
    2024-02-03 16:14
    Bczheng1的博客 str存储的是字符串，那么这样不使用new，直接给str赋字符串也是可以的，比如var str="ABCDEFG"，像这个str依然能使用。onclick是a标签的一个事件属性，其它的标签也有，可以给给onclick指定一个函数，也就是当发生了...
  • 算数类函数的常规使用.cpp
    2020-01-04 14:08
    ycl010203的博客 《C++STL基础及应用》 ...//算数类基本函数对象使用 /*对常规的数据类型，char,int,float,string 可以直接按上述写法进行 * 但是对非常规数据类型，则必须重载类中的各个operator算数运算符， * */ int ma...
  • JS-Vue-属性 表单 事件绑定
    2022-08-23 16:32
    Hello World️的博客 使用Vue提供的事件修饰符处理冒泡 键盘 鼠标事件修饰符 属性绑定v-bind指令 <body> <div id="box"> 进入网易a> 进入网易a> <img v-bind:src="imageSrc"> ()">更换照片button> div> body> <script> new Vue({ el:'#...
  • 2.Java Web之JavaScript
    2022-05-12 17:00
    hutc_Alan的博客 使用的格式如下： function 函数名(形参列表){   函数体 } 在JavaScript语言中，如歌定义带有返回值的函数？ 只需要在函数体内直接使用return语句返回值即可！ 代码示例： DOCTYPE ...
  • 2021.5.21 Jquery
    2021-05-21 21:48
    景抓马的博客 3.jQuery的使用 1.通过script标记导入本地jquery函数库文件到网页中。它是一个独立的javascript文件。 <!DOCTYPE ...
  • 2021.10.10
    2021-10-10 11:07
    sgfy_的博客 //有一个文本节点对象 divObj.appendChild(textNodeObj); //在内存中 divObj.innerHTML="fuck";// fuck,当还只是在内存中 //添加子元素 document.body.appendChild(divObj); } script> head> <body> body> html> 26...
  • js遍历树状数组的方法
    2022-03-29 16:20
    wnsry的博客 divObj.innerHTML = divObj.innerHTML + " " + node.name; } // 递归遍历树 function traverseTree(node){ if (!node) { return; } traverseNode(node); if (node.children && node.children.length > 0) { var i =...
  • safari浏览器element表格表头玉内容对不齐
    2022-06-16 15:51
    Lval的博客 1.获取dom ` 2.在表格渲染完成后动态设置tableLayou值 //请求列表 this.$get(apiName).then(res=>{ this.setTabFixedLayout() }) // 动态设置table...i{ t_divObj[j].style.tableLayout="fixed"; },20); } } } } } },
  • JavaWEB笔记15 Vue入门+Vue常用操作（上）+案例
    2021-09-09 20:39
    RainOnTheMoon的博客 键可以获得键对应的值 手动挂载模板：vm.$mount('#id') 其作用与Vue中的el效果相同 如果之前没有手动写el，就可以在后面写$mount var divOBJ = vm.$el可以得到对应的div对象(el框中的生效区域是div) 十.class属性的...
  • videojs.dom extend方法
    2019-07-04 16:18
    qq_27449993的博客 divObj.appendChild(imgObj); return divObj }, updateTextContent: function(text) { // If no text was provided, default to "Text Unknown" // 如果options中没有提供text属性，默认显示Text Unknow if ...
  • Java进阶-2.css和js
    2019-12-13 17:39
    闲人勿-的博客 1.div：块标签 <div>独自占一行，会自动换行，span：行内的块标签，不会自动换行。 <span style="font-size: 4cm;color: #ffff00;"> 天佑中华</span> <!DOCTYPE html> <html> ...
  • html中div没内容,.innerhtml没有在"DIV"中放置内容
    2021-06-13 06:01
    weixin_39685762的博客 我有以下函数应该产生一个名为"totalPrice"和"premPrice"的div的结果,但.innerhtml似乎没有出于某种原因将数字放在div中？您是否可以查看这段代码并告诉我为什么它不输入html的可能原因？由于我是网络语言的新手,你...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 QT6颜色选择对话框显示不完整
  • ¥20 能提供一下思路或者代码吗
  • ¥15 用twincat控制！
  • ¥15 请问一下这个运行结果是怎么来的
  • ¥15 单通道放大电路的工作原理
  • ¥30 YOLO检测微调结果p为1
  • ¥15 DS18B20内部ADC模数转换器
  • ¥15 做个有关计算的小程序
  • ¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
  • ¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下