当前位置:主页 > 网页前端 > JavaScript代码 >

js无法获取到html标签的属性的解决方法

时间:2022-07-13 08:26:55 | 栏目:JavaScript代码 | 点击:

没有写标签的属性,javascript是无法获取到的,谨记,只有给标签写了属性才有,例如比如你要获取某个div的id,但是你没有明确加上是没有这个属性的

之前我就纳闷了,visibility为什么可以实现div的隐藏和显示而display不可以,我明明记得以前可以的,原来是我在style的属性里面给它写的是visibility,没有写display,而以前写的是display

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>
    <title>车辆基本信息</title>
    <script language="javascript" type="text/javascript"
      src="../js/autocomplete/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
     function isdisplay3(){
       var boo1 = $("#doing1").attr("style");
       var boo2 = $("#doing2").attr("style");
       if("" != boo1){
         if(document.getElementById('doing1').style.display){
           //没有写是无法获取到的
           alert("获取到doing1的display");
         }else if(document.getElementById('doing1').style.visibility){
           alert("获取到doing1的visibility");
         }
       }

       if("" != boo2){
         if(document.getElementById('doing2').style.display){
           alert("获取到doing2的display");
         }else if(document.getElementById('doing2').style.visibility){
          //没有写是无法获取到的
           alert("获取到doing2的visibility");
         }
       }

       
     }
    </script>
  </head>
  <body>
    <input type="button" value="层" onclick="isdisplay3()" />
    <div id="doing1" style="visibility: hidden">
    </div>

    <div id="doing2" style="display: none">
    </div>
  </body>
</html>

您可能感兴趣的文章:

相关文章