JavaScript初级——DOM查询

一、获取元素节点

二、innerHTML

通过这个属性可以获取到元素内部的 html 代码。

------ 对于自结束标签,这个属性没有任何意义

三、getElementsByTagName ()

可以根据标签名来获取一组元素节点对象,这个方法会给我们返回一个类数组对象,所有查询到的元素都会封装到对象中。

四、读取元素节点属性

如果要读取元素节点属性,直接使用 元素.属性名

例如:元素.id、元素.name、元素.value

注意:class 属性不能使用这种方式,读取class属性时要使用 元素.className。

五、获取元素节点的子节点

六、获取父节点和兄弟节点

七、childNodes属性

会获取包括文本节点在内的所有节点,根据DOM标签间的也会当成文本节点

注意:在 IE8 及以下的浏览器中,不会将空白文本当成子节点。

八、children 属性

可以获取当前元素的所有子元素。

九、firstElementChild

不支持IE8及以下的浏览器,如果需要兼容他们尽量不要使用。

十、innerText

该属性可以获取到元素内部的文本内容,它和 innerHTML 类似,不同的是他会自动将html去除

十一、previousElementSibling

获取前一个兄弟元素,IE8及以下不支持。

十二、文本框的value属性值

就是文本框中填写的内容。

十三、checked属性

通过多选框的checked属性可以来获取或设置多选框的选中状态。

十四、响应函数

在事件的响应函数中,响应函数是给谁绑定的this 就是谁。

本文分享先到这里,下一节继续分享关于DOM查询的一些其他方法。

相关推荐
时间的情敌24 分钟前
Cesium 流动管线、管道动画、管线流向仿真,管网、油气、水利孪生高频需求
前端·交互·cesium
yuyuxun126 分钟前
协同过滤的校园二手物品智能推荐系统的设计与实现 毕业设计-附源码40082
javascript·vue.js·spring boot·python·数据分析·django·课程设计
another heaven1 小时前
【C/C++ Ranges 是零开销抽象吗?拆开管道、惰性求值和编译期膨胀】
c语言·开发语言·c++
wangxiaoxuan2172 小时前
SLAM 的基本结构:前端、后端、回环与地图优化
前端·机器人·科沃斯八界
SomeOtherTime3 小时前
Rust 闭包语法和原理(AI回答)
开发语言·后端·rust
apcipot_rain3 小时前
C++转Java日记(10)
java·开发语言
总要学点什么4 小时前
第105篇:三维特效-流动图片墙体效果——让箭头沿墙长滚,它俩竟是同一份代码
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
xiaoye-duck4 小时前
《C++ 项目:手写大模型接入 SDK》会话模块整合:内存 SessionManager 与 DataManager 持久化联动
开发语言·数据库·c++·语言模型
Agent世界5 小时前
用 CDP 做发布自动化:四道机器闸门与产物验收
前端·javascript
FungLeo5 小时前
成为全栈·Vue 管理后台篇·编辑器图片上传:从文件选择到文章附件关联
前端·vue.js·编辑器·markdown·文件上传·formdata·附件管理