特殊文字が入っていた場合、エスケープしてくれる。

var li = ul.getElementsByTagName("li"); var liGroupLength = Math.ceil(li.length / 5); // 分割後のliGroupの数 var ulGroup = []; for (var i = 0; i

var style = div.style; [Object CSSStyleDeclarationObject] だと、style.border = "~~"; ト代入しても、普通に反映されるが、var styleBorder = div.style.styleBorder; [Object DOMStringObject] ト代入すると、 中身（{..}の部分）が表示されることにな…

<table> <thead> <tr> <th></th> <th></th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> <caption></caption> </table>こういうのを作りたい。 DOM Level2に独自のHTMLTableElementとか、いろいろあるので、 それを使う。まずは、 var table =…

いま、 <div id="content"> //ここからjavascriptの描画部分 <img /> <span>testtest</span> //ここまでjavascriptの描画部分 <div>とする。 function $id(id) { return document.getElementById(id); } var content = $id("content"); var df = document.createdocumentFragment();で取得して、imgは迷</div></div>…

まず一番目。 document.getElementsByTagName('a')は複数[NodeList Object]だが、 document.getElementById('main')は単数[HTMLElement Object]である。 二番目 document.getElementsByTagName('a')......OK div.getElementsByTagName('a')...........OK最初…

<ul> <li>first </li> <li>second </li> </ul> で、ulをNodeオブジェクトとして、取得したとする。 この時、 ul.childNodes.item(0)とかがうまく認識されず、 ul.childNodes.item(0).innerHTMLとしても、undefinedと表示されて困ったので、まとめ。 どうやら、半角の空白が入ってしまう…

わけあって、 <ul> <li> <a href="./images/pct_01.jpg"> <img src="./images/thumb_01.jpg" title="都会的なデザインの地下道" date="2011/3/10" /> </a> </li> </ul>とXHTML標準ではないdate属性を使ったとする。 XMLに準拠する、XHTMLでは、ブラウザに認識はされないが、こういう書き方もOK で、 とりあえず、HTMLImageElementオブジェクトのvar imageを取りだしましたよ、とする。目下のところ、date…

<ul> <li> <a href="./images/pct_01.jpg"> <img src="./images/hogehoge.jpg" title="tekitou" /> </a> </li> </ul> </div>ってのがあったとして、 var ul = document.getElementsByTagName("ul").item(0); my alert = function(ev) { alert(ev.target); } ul.addEventListener("click", myalert, false);とかくと、[firefox3.7.x] ul上ではHT…