设置具有特定计算的css属性值

时间:2015-10-10 21:08:36

标签: javascript

我想要实现的目标: 不透明度为0.01的所有儿童的不透明度值都会增加1。

问题:正如您在下面所看到的,这就是我所知道的。我无法弄清楚如何告诉js根据计算值选择所有这些子元素并为它们添加一些样式。我浏览了它们并获得了它们的索引以及它们的计算值,但这就是我现在所处的位置。

HTML:

 <div id='a'>
    <span>How</span>
    <span>are</span>
    <span>you?</span>
 </div>

JS:

var elem = document.getElementById('a');
for (i = 0; i < 10; i++) {
    var x = window.getComputedStyle(elem.children[i], null).getPropertyValue('opacity');
    parseFloat(x)[i]
}

问题:如何将某些样式添加到具有特定属性计算值的元素数组中?

1 个答案:

答案 0 :(得分:1)

如果您想对其执行任何操作,则需要捕获返回值<!DOCTYPE html> <html ng-app='app'> <head> <script data-require="angular.js@1.4.6" data-semver="1.4.6" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js"></script> <script data-require="ui-router@0.2.11" data-semver="0.2.11" src="https://rawgit.com/angular-ui/ui-router/0.2.11/release/angular-ui-router.js"></script> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> <base href='/'> </head> <body> <ul> <li><a ui-sref='home'>home</a></li> <li><a ui-sref='one'>state one</a></li> <li><a ui-sref='two'>state two</a></li> </ul> <div ui-view></div> </body> </html>。你会想做这样的事情:

parseFloat()