node节点(更详细的获取(设置)页面中所有的内容)
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
元素是节点的别称,节点包含元素当然节点还有好多细化的种类;
根节点:root>>>>HTML没有父节点;
节点操作:(通过父子系关系)
childNodes 获取当前元素的所有子节点;
nodeType 节点种类,返回值是数字;
nodeValue 获取(文字)节点的文本内容;
nodeName 返回node节点名称(#text,注释, 标签…);
一个可以找出元素节点的方法;
常见的节点类型:
nodeType值:1 代表元素(DIV、BODY、LI、SPAN… )
nodeType值:2 属性代表属性节点 (class,src,href)
nodeType值:3 文本节点(text节点)
nodeType值:8 代表注释节点
nodeType值:9 代表document节点;
innerHTML和nodeValue;(当innerHTML和nodeValue分别作为左值的时候)
box.innerHTML = '<strong>abc</strong>';
box.childNodes[0].nodeValue = '<strong>abc</strong>';
innerHTML会将标签解析;
nodeValue不会进行解析,会将标签名转译成字符串,直接输出;
outerHTML/innerText (非W3C)
attributes属性
var oBox = document.getElementById('bo