javaScript DOM操作

DOM节点  在HTML DOM中，所有的事物都是节点。DOM是被视为节点树的HTML。

DOM节点

HTML文档中的所有内容都是节点

整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点

注释是注释节点

DOM节点树

  通过HTML DOM，树中的所有节点均可通过JavaScript进行访问。所有的HTML元素(节点)均可被修改，也可以创建或者删除节点。

nodeName  属性指定节点的节点名称

如果节点是元素节点，则返回标签名。

如果节点是属性节点，则返回属性的名称。

对于其他节点类型，nodeName属性返回不同节点类型的不同名称。

nodeType 属性返回值以数字值返回指定节点的节点类型。

如果节点是元素节点，则返回1。

如果是属性节点，则返回2。

innerHTML 属性设置或返回表格行的开始和结束标签之间的HTML（可以带子标签）。

innerText 属性设置或返回表格行的开始和结束标签之间的内容，但是除去HTML标签。

outerHTML 属性除了包含innerHTML的全部内容外，还包含对象标签本身 。

  注意：

innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器， 因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签 的内容 可以使用innerHTML

取得包含 HTML标签的内容后，再用正则表达式去除HTML标签。

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>