请教关于javascript 得到页面标签的问题？

在页面上点击一个地方，怎么得到点击这个位置的html标签，要用javascript实现，各位大侠有什么办法吗？请不吝赐教，谢谢！

解决方案 »

  1.   


    <body>
      <input type="text" ><span>dddddddd</span>
    </body>
    document.onclick = function(){
        var target = event.srcElement || event.target;
        if(target.nodeName){
          alert(target.nodeName.toLowerCase());
        }
      }
      

  2.   


    非常感谢!
    这段程序可以得到点击的html标签，如果html 里面有两个<input>能不能点击的时候分出是哪一个？也就是输出input[0],input[1]。
    或者直接输出这个标签的路径类似这样的：/html/body/input[0]/。加分给你，呵呵。
      

  3.   

    最好是能输出：/html/body/input[0]/，谢谢！
      

  4.   


      document.onclick = function(event){
        var e = window.event||event;
        var target = e.srcElement || e.target; //
        var _target = target;
        var str = "";
        while(target.nodeName&&target.nodeName.toLowerCase()!="html"){
           str = target.nodeName.toLowerCase() + "/" + str;
           target = target.parentNode;
        }
        str = "/html/" + str;
        alert(str);
        (target.nodeName&&_target.id&&alert(_target.id));
      }<body>
      <input type="text" id="input1"><span>dddddddd</span>
      <input type="text" id="input2">
    </body>
      

  5.   


    100分给你了，呵呵，不过我想要的路径是这样的如果点击第一个<input> 就会为：/html/body/input[0]。input[0],input[1]为这一层的节点，他们是有顺序的，我的目的是有/html/body/input[0]准确定位到这个节点.
      

  6.   


    <script>
    document.onclick = function(event){
        var e = window.event||event;
        var target = e.srcElement || e.target; //
        var _target = target;
        var nodeArr =  document.getElementsByTagName(target.nodeName.toLowerCase());
        if(nodeArr.length>1){
          for(var i = 0; i<nodeArr.length; i++){
            if(target===nodeArr[i]){
              break;
            }
          }
        }
        var str = "";
        while(target.nodeName&&target.nodeName.toLowerCase()!="html"){
           str = target.nodeName.toLowerCase() + "/" + str;
           target = target.parentNode;
        }
        str = "/html/" + str.substring(0,str.length-1) + (i>=0?"[" + i + "]":"/");
        alert(str);
        //(target.nodeName&&_target.id&&alert(_target.id));
      }
     </script>
    <input type="text" id="input1"><span>dddddddd</span>
     <input type="text" id="input2">