検索対象とする各行を <span class="line">...</span> で囲っておいて，
pattern にマッチした以外の行を非表示にするという手法を取っている
function grep (pattern) {
try {
regex = new RegExp(pattern, "i");
spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
e = spans[i];
if (e.className == "line" && e.innerHTML.match(regex)) {
e.style.display = "inline";
} else {
e.style.display = "none";
}
}
} catch (e) {
// 正規表現の文法エラーを無視する
}
}<form>
<input type="text" name="pattern" onkeyup="grep(this.value)">
</form><form onsubmit="grep(this.pattern.value); return false;">
<input type="text" name="pattern">
</form>| 住所 | 東京都武蔵野市吉祥寺南町1-8-11 弥生ビル地下1階 |
| 電話 | 0422-41-0194 |
| 営業時間 | 17:00 - 23:00 |
