
1. 通过ID定位元素:`document.getElementById(id)br /> 2. 通过类名定位元素:`document.getElementsByClassName(className)[0]br /> 3. 通过标签名定位元素:`document.getElementsByTagName(tagName)[0]br /> 4. 通过属性值定位元素:`document.getElementsByAttribute(attributeName)[0]br /> 5. 通过CSS选择器定位元素:`document.querySelector(cssSelector)br /> 6. 通过XPath定位元素:`document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null)br />
示例代码:
javascript
// 通过ID定位元素
var element = document.getElementById("myId");
console.log(element);
// 通过类名定位元素
var elements = document.getElementsByClassName("myClass");
for (var i = 0; i < elements.length; i++) {
console.log(elements[i]);
}
// 通过标签名定位元素
var elements = document.getElementsByTagName("p");
for (var i = 0; i < elements.length; i++) {
console.log(elements[i]);
}
// 通过属性值定位元素
var elements = document.getElementsByAttribute("data-custom-attribute");
for (var i = 0; i < elements.length; i++) {
console.log(elements[i]);
}
// 通过CSS选择器定位元素
var elements = document.querySelector("myId");
if (elements) {
console.log(elements);
} else {
console.log("未找到匹配的元素");
}
// 通过XPath定位元素
var elements = document.evaluate("//div", document, null, XPathResult.DIV);
for (var i = 0; i < elements.iterateNext(); i++) {
console.log(elements.iterateNextNode().textContent);
}