DOM入门-动态创建元素

今日背诵小纸条

DOM入门-动态创建元素

DOM入门-动态创建元素


三种创建动态元素的方式

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方法


分享到:


相關文章: