JavaScript HTML DOM常用语法

这里整理了在开发过程中JavaScript HTML DOM常用的语法。

• 改变 HTML 内容。

document.getElementByID("id").innerHTML="TEST"

• 改变 HTML 属性。

document.getElementById("id").attribute=new value

• 改变 HTML 元素的样式。

document.getElementById("id").style.property=new style

• 通过 id 查找 HTML 元素

var x=document.getElementById("id");

• 通过 name 查找 HTML 元素

var x=document.getElementsByName("name");

• 通过标签名找到 HTML 元素

vax x=document.getElementsByTagName("p");

• 添加节点（HTML 元素）。

<script>var para=document.createElement("p");var node=document.createTextNode("这是新段落。");para.appendChild(node);var element=document.getElementById("div1");element.appendChild(para);</script>

• 删除已有的 HTML 元素

<script>var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(child);</script>