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/jquery获取地址栏url参数的方法
Mar 05 Javascript
javascript Array 数组常用方法
Apr 05 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
易被忽视的js事件问题总结
May 14 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 Javascript
微信小程序实现文件预览
Oct 22 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 12 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程序员应具有的7种能力小结
2014/11/27 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
PHP闭包函数详解
2016/02/13 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
Lazy Load 延迟加载图片的jQuery插件中文使用文档
2012/10/18 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
webpack4 从零学习常用配置(小结)
2019/05/28 Javascript
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
Python 数据处理库 pandas 入门教程基本操作
2018/04/19 Python
pytorch中图像的数据格式实例
2020/02/11 Python
python数字类型math库原理解析
2020/03/02 Python
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
中文师范生自荐信
2014/01/30 职场文书
教师年度考核评语
2014/04/28 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
教研处工作方案
2014/05/26 职场文书
小学班主任工作随笔
2015/08/15 职场文书
追悼会家属答谢词
2015/09/29 职场文书
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android
Java死锁的排查
2022/05/11 Java/Android