js解析html标签
我现在想要实现一个功能,使用js来获取当前页面body里面所有的div结构,可以么,类似于一颗树,根节点就是body,子节点包括div,使用js将所有的div的id全部解析出来。
麻烦大家帮帮忙了
[解决办法]
不太了解,不过稍微改一下也可以得到每个div的父节点的信息:
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><div id="test1"><div id="test3"> </div></div><div id="test2"></div><script type="text/javascript">var objs = document.getElementsByTagName('div');for (var i = 0; i < objs.length; i ++) { alert(objs[i].id + "'s parent element is " + objs[i].parentNode.nodeName + ' ' + objs[i].parentNode.id);}</script></body></html>
[解决办法]
你可以找objs[i].parentNode是谁,如果嵌套很多层,你也可以往上一直递归查找。