JavaScript中DOM

1什么是DOM2DOM 节点3DOM 节点关系4获得body名5四者区别

1什么是DOM

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。

2DOM 节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。 HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 document 每个 HTML 元素是元素节点 h1 HTML 元素内的文本是文本节点（包括空格） 每个 HTML 属性是属性节点 注释是注释节点

3DOM 节点关系

节点父、子和同胞 节点树中的节点彼此拥有层级关系。 父（parent）、子（child）和同胞（sibling）等术语用 于描述 这些 关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。 在节点树中，顶端节点被称为根（root） 每个节点都有父节点、除了根（它没有父节点） 一个节点可拥有任意数量的子节点 同胞是拥有相同父节点的节点

4获得body名

document.body.nodeName; function myFunction(){ var txt=""; var c=document.body.childNodes; for (i=0; i<c.length; i++) { txt=txt + c[i].nodeName + "<br>"; }; var x=document.getElementById("demo"); x.innerHTML=txt; }

5四者区别

简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于： 1）、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。2)、在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。