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);