js父节点问题

JavaScript025

js父节点问题,第1张

你看这样是否可以:

当单击按钮时触发事件,在这个事件中可以获得srcElement也就是事件节点。

通过这个事件节点,我们可以使用标准中parentNode属性,开获得其父节点元素,一直通过这个属性找到type为UL的节点,也就是所有li的父节点元素。

通过UL的childNodes属性,获得所有的li子节点,然后再在li中处理其子节点的相关属性,就可以达到你所说的目的了。

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用div标签创建一个模块,再使用p标签,b标签创建测试的内容。

3、在test.html文件中,设置b标签的id属性为son,主要用于下面通过该id获得b标签对象。

4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“获得父节点的父节点的兄弟节点内容”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getcon()函数。

6、在js标签内,创建getcon()函数,在函数内,通过id(son)获得b标签对象 ,重复使用parent()方法获得b标签的父节点的父节点,再使用siblings()获得b标签的父节点的父节点的兄弟节点,通过eq(0)获得第一个兄弟节点,使用text()获得兄弟节点的内容。最后,使用alert()方法将内容输出。