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中的数学函数
Apr 04 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
javascript (用setTimeout而非setInterval)
Dec 28 Javascript
使用javascript做的一个随机点名程序
Feb 13 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
javascript iframe跨域详解
Oct 26 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
vue data对象重新赋值无效(未更改)的解决方式
Jul 24 Javascript
Vue中使用JsonView来展示Json树的实例代码
Nov 16 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脚本的10个技巧(5)
2006/10/09 PHP
动态生成gif格式的图像要注意?
2006/10/09 PHP
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
获取body标签的两种方法
2011/10/13 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
AngularJS基础 ng-selected 指令简单示例
2016/08/03 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
python数据结构之列表和元组的详解
2017/09/23 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
Python decimal模块使用方法详解
2020/06/08 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
建筑工程技术应届生求职信
2013/11/17 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
学校少先队工作总结
2015/08/12 职场文书
自考生自我评价
2019/06/21 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript
SpringBoot系列之MongoDB Aggregations用法详解
2022/02/12 MongoDB