记录--js获取元素以及元素子节点等

最新推荐文章于 2022-08-06 22:39:55 发布
最新推荐文章于 2022-08-06 22:39:55 发布
阅读量726 收藏
点赞数
分类专栏： 记录 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41611635/article/details/118723069
版权 
document.getElementById("xxx").childNodes // childNodes：获取当前元素下的所有节点，包括文本节点、注释节点。
document.getElementById("xxx").children// children：获取当前元素所有下子节点
document.getElementById("xxx").firstChild // firstChild：获取元素的第一个子节点
document.getElementById("xxx").lastChild // lastChild：获取元素的最后一个子节点
document.getElementById("xxx").parentNode // parentNode：获取元素的父节点
会自己走的CV码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM查询-获取元素节点---获取元素节点子节点---获取元素节点父节点
Paranoid_truggle的博客
07-26 383
获取元素节点 1.getElementById() 通过id属性获取一个元素节点对象 2.getElementsByTagName() 通过标签名获取一组元素节点对象 3.getElementsByName() 通过name属性获取一组元素节点对象 查询所有的li对象 getElementsByTagName()可以根据标签名来获取一组元素节点对象 这个方法会给我们返回一个类数组对象，所有查询的元素都会封装到对象中 即使查询到的元素只有一个，也会封装到数组中返回 var btn02=document.get
JS获取子节点、父节点和兄弟节点的若干种方式
热门推荐
laok_的博客
07-22 26万+
一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div"); 2.通过childNodes获取子节点使用child
DOM获取元素节点的子节点
qq_43383255的博客
09-12 6008
getElementsByTagName()，返回当前节点的指定边签名后代节点。 childNodes属性,当前节点的所有子节点(其中IE8及以下浏览器不会把空白处当成一个节点)。 children属性，获取当前元素的所有子元素。 firstChild属性，当前节点的第一个子节点。 lastChild属性，表示当前节点的最后一个子节点 innerText属性，可以获得元素内部的文本内容，没有标签。 innerHTML属性，与innerText类似，不过显示时会存在标签。 ...
js获取元素节点的几种方法
qq_56008371的博客
05-16 5827
1.以元素名获取 //通过标签名获取元素节点（获取0到多个节点） //书写格式： //document.getElementsByTagName("元素名") let divEle = document.getElementsByTagName("div"); 注：获取到的是一个类数组 console.log(divEle[0]); 2.通过name属性值获取元素节点（获取0到多个节点） //书写格式：document.getElementsByName("name值") letspan..
JS获取元素节点和子节点的三种方法(dom查询)
Frank---7的博客
05-17 4909
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <...
JavaScript笔记
09-28
JavaScript：定义行为和动作 (基于对象和事件驱动的客户端脚本语言；也是一种广泛应用于客户端Web开发的脚本语言) 基于对象：网页中的一切元素都是假象！不需要new，即可直接使用 事件驱动：JavaScript的执行都是...
KODExplorer 芒果云-资源管理器
07-16
- 树目录新建文件,没有子节点刷新bug解决 - 文件大小为0上传不了问题 - windows下进入某些系统文件夹死循环bug解决 - tips 居中显示 - 任务栏标签选中问题：已经显示且为交点窗口 点击——隐藏；否则——显示，...
Java学习笔记-个人整理的
12-19
{12.8}子查询}{161}{section.12.8} {12.9} 授权与回收权限}{161}{section.12.9} {12.10}示例}{162}{section.12.10} {12.10.1}exists}{165}{subsection.12.10.1} {12.11}集合操作}{165}{section.12.11} {12.11....
Ext Js权威指南(.zip.001
09-26
6.5　获取元素集合：ext.compositeelementlite与ext.compositeelement / 277 6.5.1　使用ext.select获取元素集合 / 277 6.5.2　ext.dom.compositeelement与ext.dom.compositeelementlite的区别 / 279 6.5.3　操作...
JavaScript Table行定位效果
05-20
克隆一个元素用cloneNode就可以了，它有一个bool参数，表示克隆是否包含子节点。 程序第一步就是克隆原table： this._oTable = $(table);//源table this._nTable = this._oTable.cloneNode(false);//新table this._...
document.getElementById的简写方式(获取id对象的简略写法)
12-04
比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下: function $() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element ==
js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素
weixin_47928499的博客
08-06 4887
DOM查询的其他方法、获取元素的后代和子元素
getElementById获取元素
leechoy
06-12 4616
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
javascript 父子兄弟节点的获取
ys.hubery
10-10 464
1.获取子节点 1.获取所有子节点(包含字符，空格和回车节点元素)-childNodes var allNodesArr=document.getElementById("test").childNodes 使用childNodes获取子节点，返回的是一个子节点集合。是一个数组的格式，并且它会把空格和换行都当做节点数据放在集合内 因此，由于一般我们获取子节点时是不需要这些空格和换行信息的...
getElementBy....（获取元素）
哈哈
05-02 4755
一、getElementById <div id="time"> 2021-5-2 </div> <script> var timer = document.getElementById('time'); console.log(timer);//得到id为time的div console.dir(timer); // 通过dir获取timer对象的属性和方法 console.log(typeof timer);// timer类型的
Javascript进阶——getElementById获取元素
weixin_44877205的博客
01-05 1059
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
前端学习（814）：getElementById获取元素
歌谣的博客
04-11 345
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=scr, initial-scale=1.0"> <title>Document</tit...
java xml dom getelementbyid,DOM中常见的元素获取方式
weixin_30682635的博客
03-20 615
1.getElementById获取元素 返回的是一个元素对象var timer = document.getElementById('time');console.dir 打印返回元素对象，更好的查看里面的属性和方法console.dir( timer );2.getElementsByTagName 获取某类标签元素 返回的是 获取过来元素对象的集合 以伪数组的形式存储的v...
元素获取与设置
gergerfrgegregfd的博客
06-24 6105
一、获取元素有三种DOM方法可以获取元素节点,分别是元素ID,标签名字,类名字1.getElementById:区分大小写,名字要写对. document.getElementById(id). 返回一个对象,对应着document对象里一个独一无二的元素. alert(typeof document.getElementById('content')) 2.getElementsByTagName:返回一个数组对象,对应着文档里有着给定标签的一个元素.alert(d...
js获取元素所有子节点
最新发布
05-05
你可以使用 JavaScript 中的 `childNodes` 属性来获取元素的所有子节点，包括文本节点、注释节点和元素节点。下面是一个示例代码： ```html 这是一个段落 列表项1 列表项2 一些文本节点 ``` ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值