Вопрос по html, javascript, css – Не могу получить доступ к свойствам селектора CSS из Javascript

5

Здесь очень простой вопрос: почему функция finishLoading () в приведенном ниже коде не может получить доступ к «непрозрачности»; свойство для селектора CSS #myStyle? Предупреждение ничего не отображает, и я проверил, что "непрозрачность" свойство является «ложным».

Спасибо большое!

<html>
<head>
<style type="text/css">
<!--
#myStyle
{
    opacity: 0.50;
}
-->
</style>

<script type="text/javascript">
<!--
function finishedLoading()
{
    alert(document.getElementById('myStyle').style.opacity);
}
-->
</script> 
</head>
<body onload="finishedLoading();">

    <div id="myStyle">
        hello
    </div>

</body>
</html>

Ваш Ответ

5   ответов
0

а не логическим значением. Это работает в любом другом браузере?

Error: User Rate Limit Exceeded
2

element.style.opacity only хранит значения, которые установлены внутри элементаstyle приписывать. Если вы хотите получить доступ к значениям стилей, которые взяты из других таблиц стилей, взгляните наQuirksMode.

Ура,

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
0

JQuery и некоторые из постов вИзучение JQuery, это сделает делать такие вещи очень легко.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
5

установленные через класс, только после их вычисления.

var oElm = document.getElementById ( "myStyle" );
var strValue = "";
if(document.defaultView && document.defaultView.getComputedStyle)
{
strValue = document.defaultView.getComputedStyle(oElm, null).getPropertyValue("-moz-opacity");
}
else if(oElm.currentStyle)    // For IE
{
strValue = oElm.currentStyle["opacity"];
}

alert ( strValue );
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceedederik.eae.net/archives/2007/07/27/18.54.15/#comment-102291Error: User Rate Limit Exceeded
Error: User Rate Limit ExceededwindowError: User Rate Limit Exceeded-moz-opacityError: User Rate Limit Exceeded
0

http://www.quirksmode.org/js/opacity.html

function setOpacity(value) {
    testObj.style.opacity = value/10;
    testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
}

Непрозрачность для Mozilla и Safari, фильтр для Explorer. значение колеблется от 0 до 10.

Похожие вопросы