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


Posted in Javascript onJuly 26, 2016

没有写标签的属性,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脚本调试方法小结
Nov 24 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
JavaScript实现的背景自动变色代码
Oct 17 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
vue中使用props传值的方法
May 08 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 #Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 #Javascript
js判断空对象的实例(超简单)
Jul 26 #Javascript
全面了解构造函数继承关键apply call
Jul 26 #Javascript
JS面试题---关于算法台阶的问题
Jul 26 #Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 #Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 #Javascript
You might like
几个php应用技巧
2008/03/27 PHP
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
PHP使用Session实现上传进度功能详解
2019/08/06 PHP
jQuery学习基础知识小结
2010/11/25 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
微信小程序商城项目之商品属性分类(4)
2017/04/17 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
python数字图像处理之高级形态学处理
2018/04/27 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
python怎么调用自己的函数
2020/07/01 Python
python interpolate插值实例
2020/07/06 Python
Python迭代器协议及for循环工作机制详解
2020/07/14 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
RealTek面试题
2016/06/28 面试题
五一服装活动方案
2014/01/11 职场文书
优秀导游先进事迹材料
2014/01/25 职场文书
教师业务学习制度
2014/01/25 职场文书
催款律师函范文
2015/05/27 职场文书
工作简报怎么写
2015/07/21 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL
如何理解PHP核心特性命名空间
2021/05/28 PHP