一:document.getElementById
根据id属性获取元素: 通过document.getElementById('elementId')方法可以获取具有特定id属性的元素。id属性在HTML中应该是唯一的,因此该方法只会返回一个元素。
二:document.getElementsByTagName
根据标签名获取元素: 使用document.getElementsByTagName('tagName')方法可以获取所有具有指定标签名的元素。该方法返回一个HTMLCollection对象,其中包含匹配的所有元素。
三:document.getElementsByName
根据name属性获取元素: 通过document.getElementsByName('elementName')方法可以获取具有特定name属性的元素。通常用于表单元素,如input元素
四:document.getElementsByClassName
根据类名获取元素: 使用document.getElementsByClassName('className')方法可以获取所有具有指定类名的元素。该方法返回一个HTMLCollection对象,其中包含匹配的所有元素。
根据CSS选择器获取元素: 通过document.querySelector('cssSelector')方法可以选择器匹配的第一个元素。如果要选择所有匹配的元素,可以使用document.querySelectorAll('cssSelector')方法。
获取基本结构元素:
五:document.documentElement
document.documentElement: 获取文档的根元素,通常是<html>元素。
六:document.body
document.body: 获取文档的<body>元素,包含文档内容。
七:Element.innerHTML
Element.innerHTML
属性设置或获取HTML语法表示的元素的后代。