本文详细介绍了JavaScript中的Document对象，包括其属性如body、documentElement、all，以及常用方法如getElementById、getElementsByName、getElementsByTagName、getElementsByClassName。特别讨论了如何实现全选功能，并推荐使用querySelector和querySelectorAll进行元素查询。总结了查询方法的优先级：id > name > tag，并给出了创建新标签和使用document.write的方法。
Document对象 整个HTML文档
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
1、属性：https://www.w3school.com.cn/jsref/dom_obj_document.asp
body :提供对 <body> 元素的直接访问。 替代 document.getElementsByTagName("body")[0]
documentElement : 获取Html根标签
all： 获取html页面的所有元素。替代document.getElementByTagName(*);
2、Document对象中的常用方法（举例4种常用方法）
2.1、document.getElementById(elementId)
通过标签的id属性获取一个元素节点对象，elementId是标签的id属性值
返回对拥有指定id（elementId）的第一个对象的引用 （一般都是元素对象即Element对象）
2.2、document.getElementsByName(elementName) //对比ByI
最低0.47元/天 解锁文章
扫一扫
232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
