js获取第一个子类，js获取第一个子节点

js里parentNode是获得父节点,那么怎么获得子节点呢

parentObj.firstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持parentObj.firstChild.firstChild.firstChild...的形式，如此就可以获得更深层次的节点。

使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

var par=s.parentNode； //得到s的父节点 var fc=s.firstChild； //获得s的第一个子节点 var lc=s.lastChile； //获得s的最后一个子节点 } 建议：使用jquery来获取父级节点跟子级节点会更方便。

从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来，已知一个节点或元素对象，要知道它的索引序号则没有那么直接了。

这段代码创建了一个文本节点：var node=document.createTextNode(这是一个新段落。)；然后您必须向 元素追加这个文本节点：para.appendChild(node)；最后您必须向一个已有的元素追加这个新元素。

先获取父节点： var parentEle=ele.parentNode；在获取父节点的兄弟节点：var parentEle1=parentEle.previousSbiling；//上一个节点 某个子节点：var obj=parentElefirstChild；//第一个子节点 jQuery也有相应的方法。

相关问答

Q1: js通过id获取元素的子级元素的奇怪现象

1、因为id是具有唯一性的，就好比身份证号码，一个id只能代表一个子元素，所以用 getElementById 方法可以立刻找到指定的子元素。

2、var a = document.getElementById(test).getElementsByTagName(div)；代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

3、可以使用js的attr方法实现用js获取id元素内容。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件，js文件。在ue编辑器中输入以下html代码。

Q2: JS轻松获取对象之srcElement与target篇

1、触发当前事件的源对象，srcElement是IE下的属性，target是Firefox下的属性，Chrome浏览器同时有这两个属性，操作方法如下：首先来写一个a链接，来操作a链接的href属性，当然别的属性也可以。

2、event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如TD，TR，A等。所以把看过的一些抄下来，不记得的时候再来看看。

3、srcElement是事件源的意思。比方是 比方你有定义事件源e = window.event || e e.srcElement表示IE下事件源，也就是哪个元素在执行事件！getElementById()getElementByName()DOM中这2个来获取对象。

4、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

Q3: JS如何获取指定DIV下的子元素LI值

新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。

= document.getElementById(small).getElementsByTagName(li)；这样可以获取所有id=small下的 li 。

var smalls = document.getElementById(small).getElementsByTagName(li)；这样可以获取所有id=small下的 li 。

代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

js获取第一个子类的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取第一个子节点、js获取第一个子类的信息别忘了在本站进行查找喔。