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

1.查找元素

document表示当前整体文档;

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

最后编辑于：2017.12.10 01:37:06

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。