cloneNode是用于克隆节点的,如果待克隆的节点还有子节点以及自定义属性、添加的有事件,那么克隆时,可以指定是克隆节点本身,还是将其所有子节点信息也克隆进去,这是通过给cloneNode传递一个布尔型参数来实现的。

<table>
    <tr id='tr1'>
    <td tdindex='1' onclick='clickTr()'>1</td>
    <td tdindex='2'>2</td>
    <td tdindex='3'>3</td></tr>
</table>
<table ></table>
    var tr1=document.getElementById('tr1');
    var otab=document.getElementById('mytab');
    var otr=tr1.cloneNode();  //克隆第一个表格的第一行,在不同浏览器之间表现不同,chrome、Firefox会默认只克隆节点本身,不克隆其子节点信息。        如果传入true作为参数,则都会将子节点克隆进去
    otab.appendChild(otr);  

未使用true参数时,

在chrome、Firefox中

cloneNode克隆节点在不同浏览器的差异

 

在360浏览器中

cloneNode克隆节点在不同浏览器的差异

相关文章:

  • 2021-10-06
  • 2021-06-13
  • 2021-07-05
  • 2021-12-25
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-08
  • 2021-08-27
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案