DOM节点

最新推荐文章于 2021-09-28 15:05:41 发布

x² （y²－x²）²＝1

最新推荐文章于 2021-09-28 15:05:41 发布

阅读量100

点赞数 3

文章标签： javascript dom

本文链接：https://blog.youkuaiyun.com/smx19980410/article/details/111609754

版权

1.在文档对象模型 (DOM) 中，每个节点都是一个对象。
DOM 节点有三个重要的属性：

nodeName : 节点的名称
nodeValue ：节点的值
nodeType ：节点的类型
nodeName 属性返回节点的名称(只读)
元素节点的 nodeName 返回值是标签名称 ( 大写 )

例如： html body p

属性节点的 nodeName 返回值是属性名称
文本节点的 nodeName 返回值永远是 #text
文档节点的 nodeName 返回值永远是 #document

nodeValue属性返回节点的值
对于元素节点，nodeValue 返回值是 null
对于文本节点，nodeValue 返回文本内容（文本本身）
对于属性节点，nodeValue 返回属性值
对于元素节点，用innerHTML设置值 / 获取值

nodeType属性返回一个整数，这个数值代表定节点的类型
常用的节点类型是：
元素节点  返回 1      
属性节点  返回 2      
文本节点  返回 3       
文档节点  返回 9

#节点的属性和方法：
childNodes 表示一个元素节点的所有子节点
注意：IE浏览器解析子节点时会忽略回车，非IE浏览器会将回车解析成空白节点文本节点
访问元素子节点的方式
元素节点.childNodes[下标];
firstChild 获取元素的第一个子节点
lastChild 获取元素的最后一个子节点
previousSibling 获取节点的上一个兄弟节点
nextSibling 获取节点的下一个兄弟节点
parentNode 获取节点的父节点
#节点的方法
hasChildNodes() 检测一个节点是否具有子节点
true 有
false 没有
appendChild() 在一个节点的子节点的列表里的最后添加一个节点
insertBefore（）在一个节点的子节点的指定节点之前添加一个节点
元素节点.insertBefore(新节点，位置节点);
removeChild() 移除一个节点的子节点
replaceChild() 替换一个节点的子节点
元素节点.replaceChild(新节点,位置节点);
cloneNode() 克隆一个节点
格式：节点.cloneNode();