DOM相关知识点(1)

首先,DOM的node类型可分为:
Node.ELEMENT_NODE(1)
Node.ATTRIBUTE_NODE(2)
Node.TEXT_NODE(3)
Node.CDATA_SECTION_NODE(4)
Node.ENTITY_REFERENCE_NODE(5)
Node.ENTITY_NODE(6)
Node.PROCESSING_INSTRUCTION_NODE(7)
Node.COMMENT_NODE(8)
Node.DOCUMENT_NODE(9)
Node.DOCUMENT_TYPE_NODE(10)
Node.DOCUMENT_FRAGMENT_NODE(11)
Node.NOTATION_NODE(12)

其中较为常用的是 :
1 元素节点
2 属性节点
3 文本节点
8 注释节点

要想了解节点的具体信息,有nodeName 和 nodeValue属性 一个获取节点名称,一个是节点内容
节点还有一个childNodes 属性 其中保存着一个NodeList对象 此外 Node是一种类数组对象,用来保存节点,并且可供访问
访问节点有两种形式
1 通过方括号

var firstChild = someNode.childNodes[0];

2 使用item()

var secondChild = someNode.childNodes.item(1);

访问上述创建

var count = someNode.childNode.length;

与子节点相似,还有parentNode属性,nextSibling与previousSibling属性(前,后同胞节点) 另外须知childNodes列表中的每个节点相互之间都是同胞节点
方法 hasChildNodes() ,作用:判断 是否有一个或者多个,或者无子节点
方法 appendChild() ,作用:用于向childNodes列表的末尾添加一个节点(添加新节点的情况) 从原来的节点转移到新节点(已有节点的情况)
方法 insertBefore() ,作用:添加节点 参数1 要添加的节点 参数2 参照哪个节点进行添加
方法 replaceChild() ,作用:替换节点 参数1 新节点,参数2 需要替换的节点

发布了8 篇原创文章 · 获赞 0 · 访问量 110

猜你喜欢

转载自blog.csdn.net/Edasi/article/details/104255420