JavaScript Dom节点

• 整个文档是一个文档节点
• 每个HTML元素是元素节点
• HTML元素内的文本是文本节点
• 每个HTML属性是属性节点
• 注释是注释节点
• 属性节点和文本节点都属于元素节点的子节点，因此操作时，需要先选中元素节点，再修改属性和文本。

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

HTML DOM 方法

　　　createAttribute()       创建属性节点

　　　createElement()     创建元素节点

　　　createTextNode()  创建文本节点

　　　appendChild()       把新节点添加到指定节点

　　　insertBefore()        在指定的子节点前面插入新的子节点

　　　removeChild()       删除子节点

　　　replaceChild()         替换子节点

　　　getAttribute()           返回指定的属性值

　　　setAttribute()           把指定属性设置成或修改为指定的值　

HTML DOM 属性　　　

　　　innerHTML        获取节点的文本值

　　　　　innerHTML 属性对于获取或替换HTML 元素的内容很有用

　　　parentNode       获取节点的父节点

　　　childNodes        获取节点的子节点

　　　attributes           获取节点的属性节点

　　　firstChild            返回第一个子节点

JavaScript Dom节点

原文：https://www.cnblogs.com/wo939566631/p/8973784.html