我尝试定期更改元素子级的焦点。这个例子
<div id="test">
<p>This is a test</p>
<p>another test</p>
<p>Thirs test</p>
</div>
和 CSS
#test p {
color:blue
}
#test p:active, #test p:focus {
color:red;
}
和 JavaScript
function test() {
var el = document.getElementById("test"),
nodes = el.getElementsByTagName("p"),
j = nodes.length - 1,i=0;
var id = setInterval(
function () {
nodes[i].focus();
if (i == j) {
i = 0;
} else {
i++;
}
}, 1000);
};
test();
但是这个简单的例子不起作用。该问题与nodes[i].focus();
,相关nodes[i].style.color='red';
。
我知道这种方法并不完美,我感谢任何改进活动的评论。