почему javascript this.style [свойство] возвращает пустую строку?

javascript jquery css styles

14850 просмотра

2 ответа

зачем this.style[property]получать пустую строку? мой код:

<!DOCTYPE html>
<html>
<head>
    <title>Demo</title>
    <style type="text/css">
        #test{
            height:100px;
        }
        .tclass{
            width:100px;
        }
    </style>
    <script type="text/javascript">
        function $(ID){
            var element=document.getElementById(ID||'nodId');
            if(element){
                element.css=css;
            }
            return element;
        }

        function css(prop,value){
            if(value==null){
                return this.style[prop];
            }
            if(prop){
                this.style[prop]=value;
            }
            return true;
        }

        window.onload=function(){
            var element=$("test");
            alert(element.css("height")+","+element.css("width")+","+element.css("background"));

            //alert ,,#ccc
        };
    </script>
</head>
<body>
    <div id="test" style="background:#CCC;" class="tclass">Test</div>
</body>
</html>

этот код оповещения ,,#ccc, но я хочу получить 100px,100px,#ccc, что со мной? кто может мне помочь?

Обновить

я изменил функцию css, теперь она может хорошо работать:

    function css(prop,value){
        if(value==null){
            var b = (window.navigator.userAgent).toLowerCase();
            var s;
            if(/msie|opera/.test(b)){
                s = this.currentStyle
            }else if(/gecko/.test(b)){
                s = document.defaultView.getComputedStyle(this,null);
            }
            if(s[prop]!=undefined){
                return s[prop];
            }
            return this.style[prop];
        }
        if(prop){
            this.style[prop]=value;
        }
        return true;
    }
Автор: artwl Источник Размещён: 12.11.2019 09:51

Ответы (2)


38 плюса

Решение

.styleСвойство для получения стилей , которые были размещены непосредственно на элементе. Он не вычисляет стили из ваших таблиц стилей.

См getComputedStyle().

Автор: user1106925 Размещён: 25.02.2012 02:21

2 плюса

Элементы не имеют CSS высоты или ширины.

Обратите внимание, что вы пытаетесь получить «запрашиваемые» размеры, а не фактические размеры. Поэтому вывод правильный.

Если вы хотите получить эффективные размеры, используйте jQuery width()и height()методы. Смотрите http://api.jquery.com/width/

Автор: Anony-Mousse Размещён: 25.02.2012 02:20
Вопросы из категории :
32x32