如果两个DIV嵌套，怎样用JS去控制内层DIV的style属性？

两个DIV都设ID了，但是JS不认内层的ID

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function AddStyle() {
    var div1 = document.getElementsByTagName("div")(0);
    var div2 = document.getElementsByTagName("div")(1);
    div1.style.backgroundColor = "#FFFF00";
    div1.innerHTML = "div1";
    div2.style.backgroundColor = "#00FF00";
    div2.innerHTML = "div2";}
    //-->
    </SCRIPT>
    </HEAD><BODY onload="AddStyle()">
    <div><div></div  style="FILTER: alpha(opacity=0)" ></div>
    </BODY>
    </HTML>
      

  2.   

    <html>
    <body>
    4564
    <div id=test name=test width=200 height=100><div id=test2 name=test2 width=100 height=50>fdsaf</div><br>34234</div>
    <input type=button name=fj onclick="ctrldiv()" value="change div's style">
    <script>
    function ctrldiv()
    {
    document.all.test.style.backgroundColor="#fff000"
    document.all.test2.style.backgroundColor="#006699"
    }</script>
    </body>
    </html>
      

  3.   

    <div id="divOut">
      <div id="divIn"></div>
    </div><script language="jscript>
    divIn.innerHTML="HI，我就是里面那个DIV";
    divIn.style.color="red";
    </script>