JS document节点及其常用属性和方法
2023-06-13 09:12:02 时间
在 DOM 中,document 节点是节点树中的顶层节点,代表的是整个 HTML 文档,它是操作文档其他内容的入口。一个 document 节点就是一个 document 对象。document 节点通过调用它的方法或属性来访问或处理文档。document 节点的常用属性和方法分别见表 1 和表 2。
返回文档中的所有书签锚点,通过数组下标引用每一个锚点,如:document.anchors[0] 返回第一个锚点
返回文档中的所有表单,通过数组下标引用每一个表单,如: document.forms[0] 返回第一个表单
返回文档中的所有图片,通过数组下标引用每一张图片,如:document.images[0] 返回第一张图片
返回文档中的所有链接,通过数组下标引用每一个链接,如:document.links[0] 返回 第一个链接
向文档与指定的字符串,包括 HTML 语句或 JavaScript 代码。早期较常用,现在主要用于代码的测试
var oP = document.getElementById( p1 var oDIV = document.getElementsByTagName( div )[0]; console.log( document节点类型为: +document.nodeType); console.log( 当前文档的修改时间为: +document.lastModified); console.log( 当前文档的标题为: +document.title); console.log( 使用document节点获取的对象如下所示: console.log(oP); console.log(oDIV); /script /body /html
图 1:document 节点的应用结果
返回文档中的所有书签锚点,通过数组下标引用每一个锚点,如:document.anchors[0] 返回第一个锚点
返回文档中的所有表单,通过数组下标引用每一个表单,如: document.forms[0] 返回第一个表单
返回文档中的所有图片,通过数组下标引用每一张图片,如:document.images[0] 返回第一张图片
返回文档中的所有链接,通过数组下标引用每一个链接,如:document.links[0] 返回 第一个链接
向文档与指定的字符串,包括 HTML 语句或 JavaScript 代码。早期较常用,现在主要用于代码的测试
var oP = document.getElementById( p1 var oDIV = document.getElementsByTagName( div )[0]; console.log( document节点类型为: +document.nodeType); console.log( 当前文档的修改时间为: +document.lastModified); console.log( 当前文档的标题为: +document.title); console.log( 使用document节点获取的对象如下所示: console.log(oP); console.log(oDIV); /script /body /html
上述代码在 Chrome 浏览器中的运行结果如图 1 所示。
图 1:document 节点的应用结果
24006.html
CSShtmljavaJavaScript相关文章
- 通过Docker部署一个NSFW JS搭建一个私有的图片鉴黄API
- 【说站】js isBetween时间点的判断
- js中四舍五入的方法_JS取整
- Js如何利用prototype为类创建静态成员属性和方法
- Node.js新手必须知道的4个JavaScript概念详解架构师
- JS获取数组长度(length属性)
- JS对象属性描述符详解
- JS hasOwnProperty()方法:检测一个属性是否是对象的自有属性
- JS propertyIsEnumerable()方法:检测一个属性是否可枚举
- JS dataset:获取HTML元素的自定义属性
- JS classList属性的使用
- JS元素节点及其常用属性和方法
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 统一接口:为FireFox添加IE的方法和属性的js代码
- js控制div及网页相关属性的代码
- js获取单元格自定义属性值的代码(IE/Firefox)
- js字符串转化成数字的代码
- js隐藏与显示回到顶部按钮及window.onscroll事件应用
- 让低版本浏览器支持input的placeholder属性(js方法)
- js导出table到excel同时兼容FF和IE示例
- 通过js获取div的background-image属性
- javascript中动态加载js文件多种解决办法总结
- JS与C#编码解码
- JS获取网页属性包括宽、高等等
- 原生js和jQuery随意改变div属性style的名称和值