搜索

首页  >  问答  >  正文

javascript - js原生判断dom元素类型

问题是这样的

var id=document.getElementById(ele);
var cls=document.getElementsByClassName(ele);
var tag=document.getElementsByTagName(ele)

现在需要判断ele是什么类型需要这样写,也就是
比如我输入一个标签'a',就表示标签,#a表示 id,.a表示class 进行对应的操作

<body>
<p id="app">
  测试1
</p>
<p>测试2</p>
<span class="span">测试3</span>
<script>
  window.onload=function () {
    function getreg(ele) {
      var id=document.getElementById(ele);
      var cls=document.getElementsByClassName(ele);
      var tag=document.getElementsByTagName(ele)
      alert(cls.getAttributeNode('p'))
    }
    getreg('app')
  }
</script>
</body>

代码是这样的
因为页面中可能元素至少是一个

给我你的怀抱给我你的怀抱2791 天前680

全部回复(1)我来回复

  • phpcn_u1582

    phpcn_u15822017-05-18 10:49:59

    1. 如果单纯想获取到元素, 可以使用

      document.querySelectorAll
      document.querySelector
      //无需校验类型
    2. 一定想用原来的思路, 去判断输入的类型

      //没加校验
      function check(str){
        var res = "tag";
        if(str.indexOf(".") > -1){
          res = "class";
        }else 
        if(str.indexOf("#") > -1){
          res = "id";
        }
        return res
      }

    回复
    0
  • 取消回复