js父节点问题

JavaScript087

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()方法将内容输出。