JavaScript——DOM
DOM:文档对象模型,定义访问和处理html文档的标准方法。DOM节点有:
元素节点: 之类的都是
文本节点:向用户展示内容,如…
中的JavaScript、DOM、CSS等
属性节点:元素属性,如标签内的链接属性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
来源:https://www.cnblogs.com/shy13138/archive/2019/08/16/11364000.html
页:
[1]