JS节点元素

HTML文档可以说由节点构成的集合，DOM节点有:

1. 元素节点：上图中、、

   等都是元素节点，即标签。

2. 文本节点:向用户展示的内容，如

3. …
中的JavaScript、DOM、CSS等文本。

4. 属性节点:元素属性，如标签的链接属性href=”http://www.baidu.com”。

节点属性:

遍历节点树:

DOM操作:

注意:前两个是document方法。

I love JavaScript

JavaScript使网页显示动态效果并实现与用户交互功能。

var oCon=document.getElementById(“con”);
var oCon1=document.getElementById(“con1”);
oCon.style.color=”red”;
oCon.style.backgroundColor=”#ccc”;
/oCon.style.display=”none”;/

document.write(oCon.nodeName+"<br>");document.write(oCon.nodeType+"<br>");document.write(oCon.nodeValue+"<br>");document.write(oCon1.parentNode+"<br>");document.write(oCon1.childNodes+"<br>");document.write(oCon1.previousSibling+"<br>");var node=document.createElement("span");var txtNode=document.createTextNode("你好");node.appendChild(txtNode);oCon1.appendChild(node);