フィルタリングする

書式

element = YAHOO.util.Selector.filter(element, filter)

element : ページ上のエレメント
filter : フィルタ

説明

フィルタリングするにはYAHOO.util.Selector.filter()を使います。パラメータにはフィルタリング対象にするエレメントとフィルタを指定します。フィルタはCSSセレクタでの[]指定（"[href]"など）を指定することができます。
Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="yui/yahoo-dom-event.js"></script>
<script type="text/javascript" src="yui/selector-beta.js"></script>
<script type="text/javascript"><!--
function highlightElement(cName){
var aTag = document.getElementsByTagName("a");
var tagObj = YAHOO.util.Selector.filter(aTag, "[target]");
YAHOO.util.Dom.setStyle(tagObj, "background-color", "orange");
}
function revert(){
var tagObj = YAHOO.util.Selector.query("*");
YAHOO.util.Dom.setStyle(tagObj, "background-color", "white");
}
// --></script>
</head>
<body>
<h1>フィルタリングする</h1>
<form>
<input type="button" value="ハイライトを戻す" onClick="revert()"><br>
<input type="button" value="taget属性があるaタグをハイライト" onClick="highlightElement('div')"><br>
</form>
<ul>
<li><a href="http://www.openspc2.org/" target="newPage">OpenSpace</a> (newPage)</li>
<li><a href="http://www.google.co.jp/">Google</a></li>
<li><a href="http://www.yahoo.co.jp/" target="newPage">Yahoo Japan</a> (newPage)</li>
<li><a href="http://developer.yahoo.com/" target="newPage">OpenSpace</a> (newPage)</li>
<li><a href="http://jp.youtube.com/">YouTube</a></li>
</ul>
</body>
</html>