JS元素节点及其常用属性和方法
2023-06-13 09:12:02 时间
在 HTML DOM 中,一个元素节点就是一个元素对象,代表一个 HTML 元素(标签)。使用 DOM 对文档执行插入、修改、删除节点等操作时需要使用元素节点的相应属性和方法。元素节点的常用属性和方法分别见表 1 和表 2。
返回元素的子元素节点(不包含文本节点、注释节点),该属性不是标准属性,但所有浏览器都支持
返回元素相对于 body 元素或最近定位祖先元素的水平偏移位置,即元素外边框到 body 或最近定位祖先元素内边框之间的距离
返回元素相对于 body 元素或最近定位祖先元素的垂直偏移位置,即元素上外边框到 body 或最近 定位祖先元素上内边框之间的距离
需要访问 HTML 文档以及对文档执行插入、修改和删除节点等操作时,将会使用到表 1 和表 2 所列的一些属性和方法。
返回元素的子元素节点(不包含文本节点、注释节点),该属性不是标准属性,但所有浏览器都支持
返回元素相对于 body 元素或最近定位祖先元素的水平偏移位置,即元素外边框到 body 或最近定位祖先元素内边框之间的距离
返回元素相对于 body 元素或最近定位祖先元素的垂直偏移位置,即元素上外边框到 body 或最近 定位祖先元素上内边框之间的距离
表 1 中属性 childNodes 和 children、firstChild 和 firstElementChild、lastChild 和 lastElementChild、nextSibling 和 nextElementSibling 以及 previousSibling 和 previousElementSibling 的作用比较类似,使用时需要注意它们的不同。
需要访问 HTML 文档以及对文档执行插入、修改和删除节点等操作时,将会使用到表 1 和表 2 所列的一些属性和方法。
24004.html
CSShtml相关文章
- js面试题及答案2020_JS面试题大全
- 2021了,真的不要再说 Node.js 是一门编程语言了「建议收藏」
- JS几种数组遍历方式总结
- Js调试技巧
- JS正则表达式从入门到入土(8)—— REGEXP对象属性详解编程语言
- js判断是否为手机或是pc详解编程语言
- JS元素属性的设置、获取和删除
- 使用JS实现Redis数据读取(js读取redis)
- JS将文件传输至MySQL数据库(.js传文件至mysql)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- JS解密入门之凭直觉解
- js控制div及网页相关属性的代码
- CSS和JS标签style属性对照表(方便js开发的朋友)
- 一个可以显示当前年份以及生肖的js代码
- 使用Grunt.js管理你项目的应用说明
- js函数中onmousedown和onclick的区别和联系探讨
- JS对输入框进行限制(常用的都有)
- js自动生成对象的属性示例代码
- js判断文件类型并控制表单提交示例代码
- 使用js解决由border属性引起的div宽度问题
- 浅析js设置控件的readonly与enabled属性问题
- JS使用getComputedStyle()方法获取CSS属性值
- Node.js开发之访问Redis数据库教程