问：如何获取被嵌套元素？精确获取某元素下面的元素。

Question

如何用JS获取id为 x 的元素下的HTML元素，要精确获取。
比如<dl id="x"><dt>title</dt><dd>content</dd></dl>就是想用JS来获取 x 下面的 dt 和 dd，然后赋值了改变样式。急~~~~

Answer 1

<script>
    window.onload=function(){
        var dl=document.getElementById("x");
        var dt,dd;
        for(var i=0;i<dl.childNodes.length;i++){
            if(dl.childNodes[i].tagName=="DT"){
                dt=dl.childNodes[i];
            }
            if(dl.childNodes[i].tagName=="DD"){
                dd=dl.childNodes[i];
            }
        }
        alert(dt.innerHTML);
        alert(dd.innerHTML)
    }
</script>
<dl id="x"><dt>title</dt><dd>content</dd></dl>

Answer 2

建议看一下jquery的选择器,会很轻松的解决你的问题我依赖jquery依赖的直接写js已经写不出来了