getElementsByTagName は全てのノードで使用できるので、順番に子孫を取得する事ができます。
<script type="text/javascript">
function scriptTest(evt) {
// TABLE 要素のコレクション
var obj = document.getElementsByTagName("TABLE");
var objcol = null;
// TABLE 一覧
for( var i = 0; i < obj.length; i++ ) {
// テーブル外側の枠線
obj[i].style.borderStyle = 'solid';
obj[i].style.borderColor = '#411DB8';
obj[i].style.borderWidth = '1px';
// テーブル内の TD の一覧
objcol = obj[i].getElementsByTagName("TD");
for( var j = 0; j < objcol.length; j++ ) {
// テーブル内の TD の枠線
objcol[j].style.borderStyle = 'solid';
objcol[j].style.borderColor = '#ffa500';
objcol[j].style.borderWidth = '1px';
}
// テーブル内の TH の一覧
objcol = obj[i].getElementsByTagName("TH");
for( var j = 0; j < objcol.length; j++ ) {
// テーブル内の TH の枠線
objcol[j].style.borderStyle = 'solid';
objcol[j].style.borderColor = '#1C8A23';
objcol[j].style.borderWidth = '1px';
}
}
}
</script>
<input type="button" value="実行" onclick='scriptTest(event);'>
2) onsubmit='return checkForm(this)'
return は、checkForm でチェックされた結果を受け取る為に必要です。ブラウザ
は、こうしておくと checkForm から return された内容を見る事ができます
checkForm は、自由に作成できる「チェック機構」を持つ部屋です。
旅する文字列を全てチェックできるように、FORM 自身を示す、this を引き渡しています。
3) 問題があれば return false;
return は、それを実行してしまうと、この「チェック機構」を持つ部屋をすぐ
出てしまいます。後に続くチェックの係の窓口に並ぶ事はありません。
ただ、作法として、どこがまずかったかブラウザに知らせる為に、focus と
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
