JavaScript——DOM

DOM：文档对象模型，定义访问和处理html文档的标准方法。

DOM节点有：

元素节点：<html> <body>之类的都是

文本节点：向用户展示内容，如<li>…</li>中的JavaScript、DOM、CSS等

属性节点：元素属性，如<a>标签内的链接属性href="http://www.baidu.com"

节点属性：

方法	说明
nodeName	返回一个字符串，其内容是给定节点的名字
nodeTypee	返回一个整数，这个数值代表给定节点的类型。
nodeValue	返回给定节点的当前值

遍历节点数：

方法	说明
chilidNodese	返回一个数组，这个数组由给定元素节点的子节点构成
firstChilde	返回第-个子节点
lastChilde	返回最后一个子节点
parentNodee	返回一个给定节点的父节点
nextsiblinge	返回给定节点的下一一个子节点
preioussiblinge	返回给定节点的上一一个子节点

DOM操作

方法	说明
createElementelement()	创建一个新的元素节点
createTextNodepe	创建一个包含着给定文本的新文本节点。
appendChild	指定节点的最后一个子节点列表之后添加一个新的
insertBetore()	将一个给定节点插入到一个給定元素节点的给定子节点
removechild()	从个给定元素中册除个子节点
replaceChild()	把一个给定父元素里的一个子节点替换为另外一个

返回带有指定名称的节点对象的集合：

document.getElementsByName(name)

注意:

1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。

返回带有指定标签名的节点对象集合：

document.getElementsByTagName(Tagname)

区别：

方法	说明	获得
getElementByld	通过指定 id获得元素	一个
getElementsByName	通过元素名称name属性获得元素。	一组
getelmentsByTagName	通过标签名称获得元素	一组

getAttribute()方法：

elementNode.getAttribute(name)

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

1. nodeName : 节点的名称

2. nodeValue ：节点的值

3. nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

1. 元素节点的 nodeName 与标签名相同

2. 属性节点的 nodeName 是属性的名称

3. 文本节点的 nodeName 永远是 #text

4. 文档节点的 nodeName 永远是 #document

二、nodeValue 属性：节点的值

1. 元素节点的 nodeValue 是 undefined 或 null

2. 文本节点的 nodeValue 是文本自身

3. 属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型节点类型

元素 1

属性 2

文本 3

注释 8

文档 9

版权声明：本文来源博客园，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://www.cnblogs.com/shy13138/p/11364000.html
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2019-11-17 14:01:28
阅读 ( 1166 )
分类：

JavaScript——DOM

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看