列子:
javascript:document.getElementsByClassName('question-meta question-meta-unsupport')[0].click();
以下示例选择一个具有ID属性id=”msg”的元素:
varx=document.getElementById("msg");
示例:选择所有<p>元素:
varx=document.getElementsByTagName("p");
此示例返回所有带有class=”demo”的元素的列表:
varx=document.getElementsByClassName("demo");
CSS选择器提供了一种非常强大有效的选择文档中HTML元素的方法。
varx=document.querySelectorAll("div");
通过HTML对象集合查找HTML元素
HTML文档中最顶层的元素可以直接用作文档属性。
例如,可以使用属性访问<html>元素document.documentElement。
所述元件可以与被访问document.body属性。
varhtml=document.documentElement;varbody=document.body;
注意:如果document.body在标记之前使用(例如,在<head>内),它将返回null而不是body元素。
也可以访问以下HTML对象(和对象集合):
属性 | 描述 |
---|---|
document.anchors | 返回所有具有名称属性的<a>元素 |
document.applets | 返回所有<applet>元素(在HTML5中已弃用) |
document.baseURI | 返回文档的绝对基本URI |
document.body | 返回元素 |
document.cookie | 返回文档的cookie |
document.doctype | 返回文档的文档类型 |
document.documentElement | 返回<html>元素 |
document.documentMode | 返回浏览器使用的模式 |
document.documentURI | 返回文档的URI |
document.domain | 返回文档服务器的域名 |
document.domConfig | 已废弃;返回DOM配置 |
document.embeds | 返回所有<embed>元素 |
document.forms | 返回所有<form>元素 |
document.head | 返回<head>元素 |
document.images | 返回所有<img>元素 |
document.implementation | 返回DOM实现 |
document.inputEncoding | 返回文档的编码(字符集) |
document.lastModified | 返回文档更新的日期和时间 |
document.links | 返回所有具有href属性的<area>和<a>元素 |
document.readyState | 返回文档的(加载中)状态 |
document.referrer | 返回引用者的URI(链接文档) |
document.scripts | 返回所有<script>元素 |
document.strictErrorChecking | 返回是否强制执行错误检查 |
document.title | 返回<title>元素 |
document.URL | 返回文档的完整URL |
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...