现在的位置: 首页 > 综合 > 正文

js无法获取到html标签的属性

2012年10月10日 ⁄ 综合 ⁄ 共 1090字 ⁄ 字号 评论关闭

没有写标签的属性,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>

View Code

 

 

抱歉!评论已关闭.