开发工具:VSCode 关键技术:获取元素
1.标签获取元素,
getElementsByTagName()方法返回一个动态的包含所有指定标签名的元素的集合。
语法: document.getElementsByTagName(‘元素的标签名’)[下标];
2、id获取元素
getElementById() 返回一个匹配特定ID的元素
语法: document.getElementById(‘id’);
3、通过class名字获取页面元素
getElementsByClassName()方法返回一个包含了所有指定类名的子元素的类数组对象,作为nodeList对象。
语法:document.getElementsByClassName(‘类名’)[下标];
4、通过CSS选择符方式获取页面元素
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素
语法:var str = document.querySelector();
5、通过元素的name属性的值获取一组元素
getElementsByName():根据给定的name值返回指定名称的对象集合。
语法: getElementsByName(‘name属性’)[下标]
6、获取HTML元素
documentElement属性以一个元素对象返回一个文档的文档元素
(documentElement是一个会返回文档对象的根元素的只读属性)
documentElement是整个节点树的根节点,即html标签 HTML文档返回对象为HTML元素
如果HTML元素缺失,返回值为null
语法:var element = document.documentElement;