请教怎么用js遍历<dl>

请问如何用js遍历<dl>
<dl id="dl1">
<dt>aa</dt>
<dd>
<ul>
<li>aaa</ li>
<li>bbb</ li>
</ul>
<dd>
<dt>bb</dt>
<dd>
<ul>
<li>111</ li>
</ul>
<dd>
</dl>

动态生成的<dl>和<ul>,类型于淘宝购物界面选择商品属性的效果。
就是遍历<dl>中有多少个节点应该怎么遍历？
然后再循环中还要遍历ul，这个ul的id在动态生成的时候应该如何赋值？

[解决办法]

HTML code

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;dl id="dl1"&gt;  &lt;dt&gt;aa&lt;/dt&gt;  &lt;dd&gt;    &lt;ul&gt;      &lt;li&gt;aaa&lt;/li&gt;      &lt;li&gt;bbb&lt;/li&gt;    &lt;/ul&gt;  &lt;dd&gt;  &lt;dt&gt;bb&lt;/dt&gt;  &lt;dd&gt;    &lt;ul&gt;      &lt;li&gt;111&lt;/li&gt;    &lt;/ul&gt;  &lt;dd&gt;&lt;/dl&gt;&lt;script type="text/javascript"&gt;var dl1 = document.getElementById('dl1');var counter = 0;function showNode(pNode) {    for(var i = 0; i &lt; pNode.childNodes.length; i ++) {        if (pNode.childNodes[i].nodeType == 1) {            alert('找到子元素节点:' + pNode.childNodes[i].nodeName);            counter ++;            if (pNode.childNodes[i].childNodes.length &gt; 0) showNode(pNode.childNodes[i]);        }    }}showNode(dl1);document.write('共有' + counter + '个元素节点');&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;

请教怎么用js遍历lt;dlgt

热点推荐