出現順が偶数のタグのみを選択する

説明

Safari 3で出現順が偶数のタグのみを選択するにはquerySelector("タグ名:nth-child(even)")とします。

サンプルプログラム

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/sample.js"></script>
</head>
<body>
<h1>出現順が偶数のタグのみを選択する</h1>
<ul>
<li><a href="http://www.openspc2.org/" id="OpenSpace">OpenSpace</a></li>
<li><a href="http://www.yahoo.co.jp/" id="Yahoo">Yahoo Japan</a></li>
<li><a href="http://www.google.co.jp/" id="Google">Google (Japan)</a></li>
<li><a href="http://www.adobe.co.jp/" id="Adobe">Adobe (Japan)</a></li>
<li><a href="http://www.apple.com/jp/" id="Apple">Apple (Japan)</a></li>
<li><a href="http://www.rakuten.co.jp/" id="Rakuten">楽天市場</a></li>
</ul>
</body>
</html>

【スクリプト】
window.onload = function(){
var ele = document.querySelectorAll("li:nth-child(even)");
for (var i=0; i<ele.length; i++){
ele[i].style.backgroundColor = "orange";
}
}
サンプルを実行
[戻る]