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

137 阅读 0 评论 91 点赞

我是靠谱客的博主积极楼房，最近开发中收集的这篇文章主要介绍js无法获取到html标签的属性的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

没有写标签的属性，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>

以上就是小编为大家带来的js无法获取到html标签的属性的解决方法全部内容了，希望大家多多支持脚本之家~