条件に一致する要素を返す(正規表現)

<!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/prototype.js" charset="shift_jis"></script>
<script type="text/javascript"><!--
Event.observe(window, "load", function(){
var robot = ["無敵超人", "無敵鋼人", "無敵ロボ", "最強ロボ"];
$("result").innerHTML =robot.grep(/ロボ/);
$("GodMars").childElements().grep(new Selector("li.foot"), function(ele){
ele.style.backgroundColor = "orange";
});
}, false);
// --></script>
</head>
<body>
<h1>条件に一致する要素を返す</h1>
<ul id="GodMars">
<li>Gaea</li>
<li>Sphinx</li>
<li>Uranus</li>
<li>Titan</li>
<li class="foot">Sin</li>
<li class="foot">Ra</li>
</ul>
<div id="result">...</div>
</body>
</html>
サンプルを実行
[戻る]
prototype.jsパーフェクトリファレンス説明などは本書を参考にしてください。