今日背诵小纸条
![DOM入门-动态创建元素](http://p2.ttnews.xyz/loading.gif)
![DOM入门-动态创建元素](http://p2.ttnews.xyz/loading.gif)
三种创建动态元素的方式
document.write( )
使用时,会覆盖原有页面内容
document.write(‘可显示HTML标签内容
’);
element.innerHTML
元素方法调用,如:
box1.innerHTML = arr.join(‘ ');
document.createElement( )
创建HTML中的对应tagName元素,并可以同时设置其文字和属性,如:
var p = document.createElement(‘p’);
document.body.appendChild( p );
p.innerText = ‘好天气~’;
p.style.color = ‘pink’;
注:如果被插入节点存在于当前文档树中,则该节点会先从原先位置移除后再插入新节点中,如需保留节点,可调用Node.cloneNode方法
閱讀更多 PM阿嘉 的文章