DOM获取和设置属性

admin

获取元素

getElementById
参数：id名
返回值：对象
语法：document.getElementByid(id);


getElementsByTagName
参数：html标签名
返回值：数组
语法：document.getElementsByTagName(tag)
查询数组中元素的个数：document.getElementsByTagName(tag).length


getElementsByClassName
参数：class名
返回值：数组
语法：document.getElementsByClassName(class)


getElementsByTagName 和 getElementsByClassName 返回的数组加键名就会具体到一个子节点的对象


获取元素属性（前提是先获得元素）
getAttribute
参数：标签属性名
返回值：属性值/null
语法：object.getAttribute(attribute)



设置元素属性（前提是先获得元素）
setAttribute
参数：（属性名，属性值）
返回值：属性值/null
语法：object.setAttribute(attribute,value)
指定属性值不存在时先创建属性值，就值时就会覆盖值



获取任何元素的所有子元素
childNodes
返回值：包含这个元素的全部子元素的数组
语法：element.childNodes
具体到某个元素就是element.childNodes加键名


获取元素节点属性
nodeType
语法：node.nodeType       
返回值：
        1：元素节点
        2：属性节点
        3：文本节点



设置和获取文本节点
nodeValue
语法：node.nodeValue
获取数组的第一个子元素：node.firstChild
获取数组的最后一个子元素：node.firstChild
设置文本节点：

1. var text = "Hellow Word";        //定义变量
   
2.         node.nodeValue = text;                //赋值

复制代码