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 设计模式 安全沙箱模式
Sep 24 Javascript
使用JavaScript动态设置样式实现代码(2)
Jan 25 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
node.js中watch机制详解
Nov 17 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
利用forever和pm2部署node.js项目过程
May 10 Javascript
Vue声明式渲染详解
May 17 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
Dec 09 Javascript
从vue源码解析Vue.set()和this.$set()
Aug 30 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
Apr 19 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 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
JS HTML5 音乐天气播放器(Ajax获取天气信息)
2013/05/26 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
2015/09/19 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
2019/08/07 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
python自动化测试之从命令行运行测试用例with verbosity
2014/09/28 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
快速了解python leveldb
2018/01/18 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
scrapy-redis源码分析之发送POST请求详解
2019/05/15 Python
python for循环remove同一个list过程解析
2019/08/14 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
python类共享变量操作
2020/09/03 Python
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
应届生法律顾问求职信
2013/11/19 职场文书
党员岗位承诺口号大全
2014/03/28 职场文书
秘书英文求职信
2014/04/16 职场文书
农村党员一句话承诺
2014/05/30 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
员工工作心得体会
2019/05/07 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server