JavaScript之dom查询

节点属性

获取元素节点
• 通过document对象调用

1. getElementById()
   – 通过id属性获取一个元素节点对象
2. getElementsByTagName()
   – 通过标签名获取一组元素节点对象
3. getElementsByName()
   – 通过name属性获取一组元素节点对象

获取元素节点的子节点
• 通过具体的元素节点调用

1. getElementsByTagName()
   – 方法，返回当前节点的指定标签名后代节点
2. childNodes
   – 属性，表示当前节点的所有子节点
3. firstChild
   – 属性，表示当前节点的第一个子节点（包括空白文本）
4. lastChild
   – 属性，表示当前节点的最后一个子节点
   5.children
   -属性，表示当前元素的所有子元素
   获取父节点和兄弟节点
   • 通过具体的节点调用
5. parentNode
   – 属性，表示当前节点的父节点
6. previousSibling
   – 属性，表示当前节点的前一个兄弟节点

7. nextSibling
   – 属性，表示当前节点的后一个兄弟节点

   
   
   节点

元素节点的属性
• 获取，元素对象.属性名
例：element.value
element.id
element.className
• 设置，元素对象.属性名=新的值
例：element.value = “hello”
element.id = “id01”
element.className = “newClass”

其他属性
• nodeValue
– 文本节点可以通过nodeValue属性获取和设置文本节点的内容
• innerHTML
– 元素节点通过该属性获取和设置标签内部的html代码
•innertext
– 获取元素内部文本内容