找某html节点下面子元素节点的问题

现有html是这样的
...
<div id="div1">
<div></div>
<span id="span1"></span>
</div>
...现在要找div1节点下span1节点，本来我的写法是：
var obj=document.getElementById("div1");
var obj1=obj.getElementById("span1");但是提示有错误。请问有什么解决办法？

解决方案 »

  1.   

    var obj1=document.getElementById("span1"); 
      

  2.   


    var div = document.getElementById("div1");
    var spans = div.getElementsByTagName("span");
    for (var i = 0, l = spans.length; i < l; i++){
        if (spans[i].id == "span1") {
            alert("this is my span");
            break;
        }
    }
      

  3.   

    不过，为什么不直接var obj1=document.getElementById("span1");
      

  4.   

    var objSpan=document.getElementById("span1").value;
    这样呢，我也是没学多久的JS。。 
      

  5.   

    id="span1" 应该是唯一的，可以直接获得
    document.getElementById("span1"); 要是必须通过 div1 来找可以 用
    var obj=document.getElementById("div1"); 
    var obj1=obj.getElementsByTagName("span"); 
    obj1得到是对象数组，通过数组下标访问。
    alert(obj1[0]);
      

  6.   


    那你是要获取啥呢，仅仅是span1中的东西吗？document.getElementById("span1").innerHTML;span没有value。
      

  7.   


    之所以这么用是因为：我用js写了一个DIV弹出窗口，我的想法是分离DIV窗口中的元素和窗口外面的元素，不知道要实现这样的分离有没有好的办法？
      

  8.   

    oElement = document.getElementById(sIDValue)只能用 document！！！Web 开发常用手册JScript语言参考.rar
    http://download.csdn.net/source/308916DHTML参考手册.rar
    http://download.csdn.net/source/308913样式表中文手册.chm
    http://download.csdn.net/source/304124
      

  9.   

    var obj1=document.getElementById("span1")
    或者
    var obj1=document.getElementById("div1").span1
      

  10.   

    可以在你的弹出窗口内部使用一般人不会使用的字符作为元素的id，这样就可以避免出现冲突，
    比如dialog_span1 相当于添加了一个命名的空间
      

  11.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <div id="div1"> 
    <div> </div> 
    <span>123 </span> 
    </div> 
    <div id="div2"> 
    <div> </div> 
    <span>456 </span> 
    </div> 
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var obj=document.getElementById("div1"); 
        var obj1=obj.getElementsByTagName("span")[0]; 
        alert(obj1.outerHTML);     obj=document.getElementById("div2"); 
         obj1=obj.getElementsByTagName("span")[0]; 
        alert(obj1.outerHTML);
    //-->
    </SCRIPT>
     </BODY>
    </HTML>