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 相关文章推荐
基于jQuery的星级评分插件
Aug 12 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
AngularJS Module方法详解
Dec 08 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
JavaScript的级联函数用法简单示例【链式调用】
Mar 26 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实现多条件查询实例代码
2010/07/17 PHP
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
php文件缓存方法总结
2016/03/16 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
2013/04/08 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
Vuejs第十三篇之组件——杂项
2016/09/09 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python中操作mysql的pymysql模块详解
2016/09/13 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
在python image 中实现安装中文字体
2020/05/16 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
公司同意接收函
2014/01/13 职场文书
司机辞职报告范文
2014/01/20 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
先进党员事迹材料
2014/12/24 职场文书
实施意见格式范本
2015/06/05 职场文书
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
CSS子盒子水平和垂直居中的五种方法
2022/07/23 HTML / CSS