我想要实现的目标: 不透明度为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]
}
问题:如何将某些样式添加到具有特定属性计算值的元素数组中?
答案 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()