JS获取元素的第一个子节点

最新推荐文章于 2023-06-21 15:30:00 发布
最新推荐文章于 2023-06-21 15:30:00 发布
阅读量2.7w 收藏 3
点赞数 1
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y_bccl27/article/details/100014454
版权 
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>JS获取元素的第一个子节点</title>
</head>

<body>
    <div  id="divId">
    	<p>第一个子节点</p>
        <p>第二个子节点</p>
    </div>
    
    <script type="text/javascript">
    	var obj=document.getElementById("divId");
	alert(obj.firstElementChild.nodeName);
    </script>
</body>
</html>

 打开该页面时会显示如下内容：

y_bccl27
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个获取第n个元素节点的js函数
01-19
一个获取第n个元素节点的函数，现在只能通过html标签获取元素，功能还不完善 演示：html <ul id=list> <li>1<button>a</button></li> <li>2<button>b</button><button>o</button></li> <p>test</p> <li>3<button>c</button></li> <li>4<button>d</button></li> <li>5<button>e</button></li> </ul> js: /** * * @param parent父节点 * @param ele要选取的元素标签 * @pa
JavaScript 获取元素在父节点中的下标(推荐)
10-19
jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标，需要的朋友参考下吧
js 获取元素所有兄弟节点的实现方法
10-21
下面小编就为大家带来一篇js 获取元素所有兄弟节点的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
原生JS获取父节点、子节点、兄弟节点
LLL_liuhui的博客
03-26 1万+
1、访问父节点parentNode : Node 类型，返回指定节点的父节点,如果指定节点没有父节点，则返回 null。<div id="box"> <p id="hello">hello world!</p> </div> <script> var hello=document.getElementById("hello"); console.log(hello.
js的元素节点选取一
05-18 386
1、querySelectorAll <script> const nodeList = document.querySelectorAll(".example"); for (let i = 0; i < nodeList.length; i++) { nodeList[i].style.backgroundColor = "red"; } </script> 2、querySelector 使用 class="example" 获取第一个 <p> 元素.
JS 获取第一个和最后一个，子节点、子元素
weixin_45974687的博客
03-15 1万+
1.获取第一个子元素和子节点 获取第一个子节点 : 父元素.firstChild 获取第一个子元素 : 父元素.firstElementChild //body部分 <ul id="ul"> wwwwww <!-- 我是注释 --> <li>我是li标签1</li> <li id="li2">我是li标签2</li&...
在 JavaScript 中提取元素的第一个子元素
最新发布
迹忆客
06-21 1521
Element.children 和 Node.childNodes 之间的唯一区别是 Element.children 仅包含元素节点，而 Node.childNodes 获取所有子节点，包括非元素节点，如文本和注释。Node.firstChild 返回树中节点的第一个子节点，如果节点没有子节点则返回 null。返回指定元素的子节点的活动 NodeList，索引 0 分配给第一个子节点。它返回一个包含节点子节点的活动 NodeList。HTML 集合是节点的 DOM 元素子元素的活动的、有序的集合。
js 兼容性封装获取第一个子元素，最后一个子元素，下一个兄弟元素，上一个兄弟元素
weixin_45376220的博客
08-14 1279
高级浏览器: chrome firefox ie9及以上符合web标准浏览器。 低版本浏览器: ie6,ie7,ie8。 节点和元素的适用范围：以firstChild和firstElementChild为例: 第一个子节点:firstChild 高级浏览器使用能够获取 元素，文本(包括内容，空格，换行)，注释。 低版本浏览器使用能够获取 元素，文本(不包含空格，换行)，注释。 第一个子元素: ...
js获取元素下的第一级子元素
学而不思则罔 思而不学则殆
06-09 8800
js childnodes获取的是所有的子元素，而我们实际要获取第一级子元素。function getChildren(obj){ var objChild = [] ; var objs = obj.getElementsByTagName('*'); for(var i=0,j=objs.length; i<j;++i){ if(objs[i].nodeT
JS的dom操作基础——获取元素
m0_59345890的博客
07-14 4896
2、getElementsByClassName("目标元素的class属性值")通过标签的class类名获取，获取的元素放在的类数组中返回，如果没找到返回空的类数组。4、getElementsByName("目标元素的name属性值")通过标签的name属性的值获取获取的元素放在的类数组中返回，如果没找到返回空的类数组。3、getElementsByTagName("目标元素的标签")通过标签名获取获取的元素放在的类数组中返回，如果没找到返回空的类数组。......
js获取元素下的第一级子元素的方法(推荐)
12-01
js childnodes获取的是所有的子元素，而我们实际要获取第一级子元素。 function getChildren(obj){ var objChild = [] ; var objs = obj.getElementsByTagName('*'); for(var i=0,j=objs.length; i<j;++i){ if(objs[i].nodeType != 1){alert(objs[i].nodeType); continue ; } var temp = objs[i][removed]; if(temp.no
jQuery获取元素父节点的方法
10-22
主要介绍了使用jQuery获取元素父节点的方法,通俗易懂,需要的朋友可以参考下。
DOM - 节点操作
m0_70552412的博客
09-04 1087
网页中所有的内容都是节点（标签，属性，文本，注释等），在DOM中，节点使用 node 来表示HTML DOM 树中所有的节点均可通过 java Script 进行访问，所有HTML元素（节点）均可被修改，也可以创建和删除。一般来说，节点至少拥有nodeType（节点类型） nodeName（节点名称）和nodeValue（节点值）这三个基本属性。元素节点 nodeType 为1属性节点 nodeType 为2文本节点 nodeType 为3 （文本节点包含文字，空格，换行等）
jquery获取第一个子元素
热门推荐
qq_35226176的博客
02-22 4万+
如获取id为divId的div下的第一个子div 1 $("#divId").children(“div”).get(0) 但得到的是一个dom对象，如果要得到Jquery对象，要使用 1 (((("#divId").children(“div”).get(0)) Jquery对象 和 dom对象 有区别？ jquery获取第一个子节点元素 获取第一个元素 $("#body").children(...
JavaScript基础学习（四）
Cherry_Zj的博客
09-05 538
文章目录DOM节点节点的属性 DOM DOM，全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。 文档：文档表示的就是整个HTML网页文档。 对象：对象表示将网页中的每一个部分都转换为一个对象。 模型：使用模型来表示对象之间的关系，这样方便那我们获取对象。 节点 节点Node，是构成我们网页的最基本的组成部分，网页中的每个部分都可以称为是一个节点。比如：html标签、属性、文本、注释、整个文档等都是一个节点。 虽然都是节点，但是实际上他们的具体类型是
js获取子节点的方法
Utopian_x的博客
09-20 2万+
1、通过获取DOM方式直接获取子节点 其中price为父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可，如vara=document.getElementById("price").getElementsByTagName("div")[0] 返回的是数组里面的第一个元素。 vara=document.getElementById("price").getElementsByTagName("div"...
js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素
weixin_47928499的博客
08-06 4826
DOM查询的其他方法、获取元素的后代和子元素
js 下获取子元素的方法
weixin_30563917的博客
05-06 3954
笔记核心： firstElementChild只会获取元素节点对象，从名称就可以看出来，firstChild则可以获取文本节点对象（当然也可以获取元素节点对象），比如空格和换行都被当做文本节点。 js不同于jQuery，在获取DOM时，有很多不方便的地方，哎，没办法，原始的东东，虽然万能，但却不方便。 咱今天在使用原生js的时候，就遇见一个坑------》firstChild，具...
DOM，BOM的相关操作（同用绑定、阻止默认行为、防止冒泡函数）
qq_45549336的博客
08-03 286
DOM，BOM，获取DOM，事件绑定，样式，防止冒泡，阻止默认行为通用函数1、什么是dom？什么是bom？1.1、DOM1.1.1、dom由来1.1.2、dom作用1.1.3、dom本质1.2、BOM1.2.1、bom由来1.2.2、我对bom与dom的理解2、DOM节点与元素2.1、DOM节点与元素的区别2.2、BOM常用属性和获取DOM节点以及操作元素2.2.1、BOM常用属性2.2.2、获取DOM2.2.3、操作dom元素2.2.4、操作dom元素DOM的增删改3、常用事件4、通用的事件绑定与取消，阻
DOM获取元素的第n个子节点
06-02
要获取一个元素的第n个子节点，可以使用 `childNodes` 属性来获取该元素的所有子节点，然后通过索引取得第n个子节点，例如： ```javascript var parent = document.getElementById("parent"); var nthChild = ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值