DOM API 获取元素的几种方法

一、什么是DOM

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。

二、使用DOM获取元素的几种方法

1.document.getElementById('xxx')

代码
注意id具有唯一性,且大小写敏感,一定注意区分大小写,不然没法获取到。

2.document.getElementByTagName('xxx')

代码
从字面上可以看出来,tagname就是标签的名字,可以把这个API理解为把一个或多个标签作为一个数组排列。

3.document.getElementsByName('xxx')

代码
这个方法用于选择带有name属性的元素,返回一个类似数组的排列,因为name一样的属性可能不止一个。

4.document.getElementsClassName('xxx')

代码
把类名相同的元素以数组的形式返回

5.document.querySelector('xxx')

代码
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素,如果需要返回所有的元素,请使用 querySelectorAll() 方法替代。querySelector()括号内的内容是字符串,字符串的内容是CSS的选择器,如果找到多个匹配的元素,就返回文档内的第一个。

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

相关阅读更多精彩内容

友情链接更多精彩内容