js 获取Dom元素、获取和设置属性

栏目分类：前端开发    发布日期：2018-03-22    浏览次数：5190次     收藏

Dom元素

1 getElementById

document.getElementById(id) 返回一个对象

2 getElementsByTagName

document.getElementsByTagName(tag) 返回一个对象数组

运行使用*通配符，获取所有元素

dom.getElementsByTagName('*') 获取dom下所有子元素

3 getElementsByClassName

document.getElementsByClassName(class) 返回一个对象数组

getElementsByClassName(dom, class)

属性

获取属性 getAttribute

object.getAttribute(attribute)

设置属性 setAttribute

object.setAttribute(attribute,value)

input元素

input.value='value' input.setAttribute('value','value')\

childNodes

dom.childNodes 返回一个对象数组 // 一元素的所有子元素

nodeType

node.nodeType

元素节点的nodeType属性值为1

属性节点的nodeType属性值为2

文本节点的nodeType属性值为3

nodeValue属性 获得和改变文本节点的值

node.nodeValue

firstChild 第一个子元素

lastChild 最后一个子元素