02.js元素查找和创建标签

1.查找元素

document表示当前整体文档;

document.getElementById('ID') 根据Id获取元素

document.getElementsByName('')[0] 根据标签的name获取

document.getElementsByTagName('')[0] 根据标签名获取

document.getElementsByClassName('')[0] 根据class名获取

document.querySelector('body>div') 根据css选择器获得一个元素(获得第一个符合条件的元素)

document.querySelectorAll('body>div') 根据css选择器获得一个集合元素(获得一个集合的元素)

document.querySelector('body>a').childNodes.length  得到第一个div下子节点的长度

document.querySelector('body>a').childNodes[0].nodeType 得到第一个子节点类型的值

document.querySelector('body>a').childNodes[0].nodeName 得到第一个子节点的名称

document.getElementById('ID').attributes.value (得到属性的值)

document.getElementById('ID').attributes.name (得到属性的名称)

例:<a 属性名="123"></a>

document.getElementById('ID').getAttribute('属性名') (可以获取到指定属性名的属性值)

document.getElementById('ID').setAttribute('属性名','改变属性值') (可以改变属性值)

document.getElementById('ID').removeAttribute('属性名') (可以移除指定属性名)

2.创建标签元素

var div = document.createElement('div') (创建一个div标签)

document.body.appendChild(div)  (把div标签添加到body里)

var a = document.createElement('a')

div.appendChild(div) (把a标签添加到div里)