web tech memos

getElementsByTagName() の使い方

getElementsByTagName() で得られる collection は配列ではないので、accessor は item(INDEX) という形。以下にコードを参照：


var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
divs.item(i).style.backgroundColor = '#123456';
}


上記コードを Bookmarklet で実行！

参考：Traversing an HTML table with JavaScript and DOM Interfaces

1px ボーダー の table を CSS で実現するには？

例えば table タグ自体に 上/左 側の枠線を引いて、個々の td に 下/右 側の枠線を引く。横線を引くのは tr に class か id を与えれば出来そうだけど、縦線はどうすればいいのだろう？ colgroup かな？後でまた調べてみよう。

参考：Public CSS - border-collapse