读书人

js解析html标签,该如何解决

发布时间: 2012-09-25 09:55:58 作者: rapoo

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是谁,如果嵌套很多层,你也可以往上一直递归查找。

读书人网 >JavaScript

热点推荐