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

 更新时间:2016年07月26日 09:36:47   投稿:jingxian  
下面小编就为大家带来一篇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标签的属性的解决方法全部内容了,希望大家多多支持脚本之家~

相关文章

  • 关于javascript的一些知识以及循环详解

    关于javascript的一些知识以及循环详解

    下面小编就为大家带来一篇关于javascript的一些知识以及循环详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 利用JS实现浏览器的title闪烁

    利用JS实现浏览器的title闪烁

    经常可以看见的title里面的消息提示,下面是JS的一种实现方法,需要的朋友可以参考下
    2013-07-07
  • $$()函数应用实例

    $$()函数应用实例

    $$()函数应用实例...
    2006-10-10
  • js中parseInt()诡异行为的探究与改正

    js中parseInt()诡异行为的探究与改正

    这篇文章主要给大家介绍了关于js中parseInt()诡异行为的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • JavaScript DOM节点添加示例

    JavaScript DOM节点添加示例

    本节为大家介绍下JavaScript DOM节点添加,将node里面的str放到h1段落中使之成为h1的新段落
    2014-07-07
  • JavaScript组合拼接字符串的效率对比测试

    JavaScript组合拼接字符串的效率对比测试

    这篇文章主要介绍了JavaScript组合拼接字符串的效率对比测试,本文测试了IE6、Firefox、Mozilla、Netscape、Opera等浏览器,需要的朋友可以参考下
    2014-11-11
  • JS实现将手机号中间的几位数字变成****功能

    JS实现将手机号中间的几位数字变成****功能

    这篇文章主要介绍了用js如何实现将手机号中间的几位数字变成**** _,今天,我们要实现一个很常见并且简单的功能如何将手机号中间的几位数变成****,需要的朋友可以参考下
    2023-09-09
  • JavaScript 数组详解

    JavaScript 数组详解

    学习js就不得不学他的数组,这篇文章是由色拉油整理下,需要学习js数组的朋友可以参考下
    2013-10-10
  • JS中innerHTML和pasteHTML的区别实例分析

    JS中innerHTML和pasteHTML的区别实例分析

    这篇文章主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下
    2016-06-06
  • ionic中的$ionicPlatform.ready事件中的通用设置

    ionic中的$ionicPlatform.ready事件中的通用设置

    $ionicPlatform.ready事件是用于检测当前的平台是否就绪的事件,相当于基于document的deviceready事件, 在app中一些通用关于设备的设置必须在这个事件中处理
    2017-06-06

最新评论