获取元素节点
• 通过document对象调用
- getElementById()
– 通过id属性获取一个元素节点对象 - getElementsByTagName()
– 通过标签名获取一组元素节点对象 - getElementsByName()
– 通过name属性获取一组元素节点对象
获取元素节点的子节点
• 通过具体的元素节点调用
- getElementsByTagName()
– 方法,返回当前节点的指定标签名后代节点 - childNodes
– 属性,表示当前节点的所有子节点 - firstChild
– 属性,表示当前节点的第一个子节点(包括空白文本) - lastChild
– 属性,表示当前节点的最后一个子节点
5.children
-属性,表示当前元素的所有子元素
获取父节点和兄弟节点
• 通过具体的节点调用 - parentNode
– 属性,表示当前节点的父节点 - previousSibling
– 属性,表示当前节点的前一个兄弟节点 -
nextSibling
– 属性,表示当前节点的后一个兄弟节点
元素节点的属性
• 获取,元素对象.属性名
例:element.value
element.id
element.className
• 设置,元素对象.属性名=新的值
例:element.value = “hello”
element.id = “id01”
element.className = “newClass”
其他属性
• nodeValue
– 文本节点可以通过nodeValue属性获取和设置文本节点的内容
• innerHTML
– 元素节点通过该属性获取和设置标签内部的html代码
•innertext
– 获取元素内部文本内容