DOM操作

输出内容：document.write()  文档加载完后使用会覆盖原来的文档。

改变Html的内容：document.getElementById('id').innerHtml="内容"；

改变Html的属性：document.getElementById('id').属性=值；

改变CSS的样式：document.getElementById('id').style.CSS样式=值；

创建新的 HTML 元素：
　　创建新的P标签：var para=document.createElement("p");
　　创建文本节点：var node=document.createTextNode("这是新段落");
　　追加文本节点：para.appendChild(node);
　　找到已有的元素：var element=document.getElementById("div1");
　　追加新元素：element.appendChild(para);

删除已有的HTML元素：
　　找到父节点：var parent=document.getElementById("div1");
　　找到需要删除的节点：var child=document.getElementById("p1");
　　删除子节点：parent.removeChild(child);
　　附：通过子节点追溯父节点再删除子节点：
　　　　var child=document.getElementById("p1");
　　　　child.parentNode.removeChild(child);

 

转载于:https://www.cnblogs.com/newh5/p/4318231.html