js获取tagName ，自定义标签并获取

本文链接：https://blog.youkuaiyun.com/Jay821/article/details/46596133

本文介绍如何在JavaScript中自定义标签，并利用jQuery选择器选取具有特定参数的元素。通过`tagName`属性可以获取元素的类型，如INPUT、TEXTAREA等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <script>
    var params = $("testId[param]");
    for(var i=0; i <params.length; i++){
             var paramId = $(params[i]).attr("id");
             var paramParentId = $(params[i]).parent().attr("id");
             var paramName = $(params[i]).attr("param");
             var paramType = $(params[i]).attr("type");
             var paramValue = "";
             // text、checkbox、select、textarea、td
            if(params[i].tagName == "INPUT"){
                if(paramType == "checkbox"){
                    console.log("this is a checkbox");    
                }else{
                   console.log("this is a text");
                }
             }else if(params[i].tagName == "TEXTAREA"){
               console.log("this is a textarea");
             }else{
                console.log("this is a dropdown");
             }    
        }
 </script>



 <div id="testId">
       <input param="t01" id="test01" class="inputClass"/>
       <input param="t02" id="test02" type="checkbox" class="inputClass"/>
       <ul>
         <li id="testLiId01">
            <select param="t03" id="test03" class="dropdown" style="width:100%;"> </select>
         </li>
         <li id="testLiId02">
            <select param="t03" id="test03" class="dropdown" style="width:100%;"> </select>
         </li>
       </ul>
       <textarea param="t04" id="test04"></textarea>
  <div>

jq自定义标签(param),并获取:$("testId[param]") 某个div下面所有定义了param标签的元素。

获取元素的类型，可以用tagName取得，例如INPUT/TEXTAREA等。