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里)