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查询的一些其他方法。

相关推荐
啊阿狸不会拉杆9 分钟前
《数字图像处理》第 4 章 - 频域滤波
开发语言·python·数字信号处理·数字图像处理·频率域滤波
悟能不能悟25 分钟前
前端上载文件时,上载多个文件,但是一个一个调用接口,怎么实现
前端
江沉晚呤时25 分钟前
从零实现 C# 插件系统:轻松扩展应用功能
java·开发语言·microsoft·c#
Knight_AL44 分钟前
Java 多态详解:概念、实现机制与实践应用
java·开发语言
Omigeq1 小时前
1.2.1 - 图搜索算法(以A*为例) - Python运动规划库教程(Python Motion Planning)
开发语言·python·机器人·图搜索算法
资深流水灯工程师1 小时前
基于Python的Qt开发之Pyside6 串口接收数据被分割的解决方案
开发语言·python·qt
没有bug.的程序员1 小时前
Java 并发容器深度剖析:ConcurrentHashMap 源码解析与性能优化
java·开发语言·性能优化·并发·源码解析·并发容器
可问春风_ren1 小时前
前端文件上传详细解析
前端·ecmascript·reactjs·js
量子炒饭大师1 小时前
【C++入门】零域终端的虚空指针协议——【nullptr】还在为编译器给NULL匹配为int而头疼?nullptr给予你全新的字面量!
开发语言·c++·nullptr
edisao1 小时前
一。星舰到底改变了什么?
大数据·开发语言·人工智能·科技·php