当前元素_前端系列——获取页面中的DOM元素

这里就聊一下获取页面中DOM元素最基本的两种方法：

document.getElementById.

在整个页面中通过元素的Id属性值来获取到这个元素对象，getElementById是获取元素的方法，而document是获取元素的范围，我们也将此范围称为“上下文”。

注意：通过此方法获得的元素是一个对象数据类型的值(里面包含很多内置的属性)，如下图。

下面分析一下包含的这些属性：

classname:存储的是一个字符串，代表当前元素的样式类名。

id: 存储的是当前元素的ID值(字符串)

innerHTML:存储当前元素所有的内容，包含HTML标签

innerText:存储当前元素的所有文本内容，没有元素标签

onclick：元素的一个事件属性，基于这个属性可以给当前元素绑定点击事件

onmouseover：鼠标滑过事件

onmouseout：鼠标离开事件

style：存储当前元素所有的行内样式，获取和操作的都只能是行内样式，写在样式表中的样式基于这个属性无法获取。

2.[content].getElementsByTagName.

在指定的上下文中通过元素的标签名获取一组元素集合。

注意：此方法获得是一个元素的集合，其实它也是对象数据类型的，其结构与数组极为相似，我们可以称为‘类数组’，数字作为索引，length代表长度。ul[0]可以获取到当前集合中的第一个ul，ul.length可以获取集合中ul的数量。集合中的每一项又是一个元素对象(对象数据类型的，包含很多的内置属性)。

当前元素_前端系列——获取页面中的DOM元素相关推荐

Python入门--列表的查询操作--获取列表知道那个元素的索引、获取列表中的单个元素、获取列表中的多个元素
#列表的查询操作 #获取列表中指定元素的索引 #index()-->如果列表中存在N个相同的元素,只返回相同元素中的第一个索引 # -->如果查询的元素在列表中不存在,则会抛出Valuee ...
python判断数组中是否存在重复元素_利用python查看数组中的所有元素是否相同
不知道大家有没有过这种经历,就是想要判断两个数组运算后得到的新数组中的各个元素值是否相同.这里给出一种使用np.unique()的方法,代码如下:cbc免费资源网 import numpy as np ...
Java求和元素_实现一个List集合中的某个元素的求和
List userlist = userService.findAll(); Integer sum= userlist .stream().collect(Collectors.summingInt ...
JavaScript如何查找和访问HTML页面中的HTML元素
JavaScript如何查找和访问HTML页面中的HTML元素 HTML语言中,全部是由标签(标记.tag)组成的.在浏览器内部解析HTML标记时,会转换为成具有特定结构的HTML文档对象模型,这个对 ...
在vue页面中使用伪元素进行气泡框创建|选中效果自定义|滚动条自定义
在vue页面中使用伪元素进行气泡框|单选框自定义|滚动条自定义 1. 基于vue,使用到的图标是element plus 2. vue单页面代码 <template><h1> ...
python 随机获取列表的元素_练习 34 - 获取列表元素 - Learn Python 3 The Hard Way
练习 34 获取列表元素列表(list)真的非常有用,前提是你要能获取到它们里面的内容.你已经能够按顺序遍历列表中的元素,但是如果你要取其中的第5个元素,你该怎么操操做?你需要知道如何获取一个列表里 ...
php 实现类,php 获取页面中指定内容的实现类
本文为大家下使用php如何获取页面中的指定内容,而且以封装成类,需要的朋友可以参考下本文功能: 1.获取内容中的url,email,image. 2.替换内容中的url,email,image. u ...
[js] 写一个获取页面中所有checkbox的方法
[js] 写一个获取页面中所有checkbox的方法 function getAllCheckbox() {return [...document.querySelectorAll('input[ty ...
爬虫工具获取页面中域名及子域名（SQL注入、渗透）
目录 0x01 获取页面中的 URL 0x02 提取 URL 中带参数的 URL 0x03 将提取出来的 URL 去重总结自动化寻找网站的注入漏洞,需要先将目标网站的所有带参数的 URL 提取出来 ...

当前元素_前端系列——获取页面中的DOM元素

当前元素_前端系列——获取页面中的DOM元素相关推荐

最新文章

热门文章