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 动态将数字金额转化为中文大写金额
May 14 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
Bootstrap按钮组实例详解
Jul 03 Javascript
带你了解session和cookie作用原理区别和用法
Aug 14 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
Aug 31 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
React Hook用法示例详解(6个常见hook)
Apr 28 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
php将数据库导出成excel的方法
2010/05/07 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
学习并汇集javascript匿名函数
2010/11/25 Javascript
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
2016/01/04 Javascript
vue2.0全局组件之pdf详解
2017/06/26 Javascript
基于vue实现分页效果
2017/11/06 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
python中的reduce内建函数使用方法指南
2014/08/31 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
python操作cfg配置文件方式
2019/12/22 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
字中字效果的实现【html5实例】
2016/05/03 HTML / CSS
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
意大利在线药房:Farmacia Loreto Gallo
2019/08/09 全球购物
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
2014年计生标语
2014/06/23 职场文书
订货会主持词
2015/07/01 职场文书
Elasticsearch 聚合查询和排序
2022/04/19 Python
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python