根据子div的ID获取父div 急急急急~~~~

<td>
<div>
<div id="123"></div>
</div>
</td>
第一层是td，第二层是div，现在只知道第三层的div的id（或者name），想通过这个123ID去给上面的div和td加上id属性，这种想法可行吗?求大神解救或指明方向···· 

解决方案 »

  1.   

    var targetDiv = document.getElementById('123');
    targetDiv.parentNode  表示他的父层
      

  2.   


    var d123 = document.getElementById("123");
    d123.parentNode.id = "abc";
    var abc = document.getElementById("abc");
    alert(abc.innerHTML);
      

  3.   

    不行 document.getElementById("123") 打印出来是null····
      

  4.   

    如 上图  var rolename0 = document.getElementById("rolename0");
    alert(rolename0);打印出来的是null。
      

  5.   

    把script节点放到页面底部再试（</body>和</html>之间）
      

  6.   

    把script节点放到页面底部再试（</body>和</html>之间）
    页面没有body属性····
      

  7.   

    把script节点放到页面底部再试（</body>和</html>之间）
    页面没有body属性····
    加上了也没有用
      

  8.   

    <div>
    <div id="123"></div>
    </div>
    <script>
        alert(document.getElementById('123'));
        document.getElementById('123').parentNode.style['border']='solid 1px red';
    </script>
      

  9.   

    楼主到底什么情况，都好好的啊：
    <html>
     <body>
      <td>
     <div>
     <div id="123"></div>
     </div>
     </td>
     <script type="text/javascript">
     <!--
    var d2 = document.getElementById("123");
    var d1 = d2.parentNode;
    d1.id = "abc";
    alert(d1.outerHTML);
     //-->
     </script>
     </body>
    </html>
      

  10.   


    按照你的意思改成 document.getElementById('123').parentNode.id='456';
    这样是可以的，但是不知道为什么我哪里得不到id
    var rolename0 = document.getElementById("rolename0");
    打印出来的这个是空的。 
      

  11.   

    什么情况下会造成document.getElementById("rolename0") 取出来是空的?
    6楼说把script节点放到页面底部再试（</body>和</html>之间）  跟这个有关系吗?
      

  12.   

    什么情况下会造成document.getElementById("rolename0") 取出来是空的?
    6楼说把script节点放到页面底部再试（</body>和</html>之间）  跟这个有关系吗?那基本就是这个关系了
      

  13.   

    你那个获取东西的js是要放到一个function中或者</body>下，因为你要获取那个是需要页面加载完那部分的，没加载就获取当然就是null
      

  14.   

    什么情况下会造成document.getElementById("rolename0") 取出来是空的?
    6楼说把script节点放到页面底部再试（</body>和</html>之间）  跟这个有关系吗?那基本就是这个关系了
    不知道为什么 把var a=document.getElementByName('rolename0');
    换成 var a = $("#rolename0"); 值就不是空了，但是用jquery怎么去实现
    document.getElementById('123').parentNode.id='456';
    这个效果?????
      

  15.   

    什么情况下会造成document.getElementById("rolename0") 取出来是空的?
    6楼说把script节点放到页面底部再试（</body>和</html>之间）  跟这个有关系吗?那基本就是这个关系了
    不知道为什么 把var a=document.getElementByName('rolename0');
    换成 var a = $("#rolename0"); 值就不是空了，但是用jquery怎么去实现
    document.getElementById('123').parentNode.id='456';
    这个效果?????document.getElementByName('rolename0');document.getElementByid('rolename0');
    $("#rolename0").parent().attr('id','newid');
      

  16.   

    什么情况下会造成document.getElementById("rolename0") 取出来是空的?
    6楼说把script节点放到页面底部再试（</body>和</html>之间）  跟这个有关系吗?那基本就是这个关系了
    不知道为什么 把var a=document.getElementByName('rolename0');
    换成 var a = $("#rolename0"); 值就不是空了，但是用jquery怎么去实现
    document.getElementById('123').parentNode.id='456';
    这个效果?????document.getElementByName('rolename0');document.getElementByid('rolename0');
    $("#rolename0").parent().attr('id','newid');
    我自己写的测试页面按照这样写是可以的，但是在我的项目中用就不行了，
    <script type="text/javascript">
    var roleName=$("#rolename0");
    alert(rolename);
    var rolaNameParent=rolename.parent().attr('id','rolaNameParent'); 
    alert(rolaNameParent);
    </script>
    上面两个都有值，但是父div还是没有id属性。