Gポイントポイ活　Amazon Yahoo 楽天

無料ホームページ 楽天モバイル[UNLIMITが今なら1円] 海外格安航空券 海外旅行保険が無料！

告知欄です

メモ３

519 ：名無しさん＠停滞中 ★：08/03/05 18:26:40 ID:???

名前欄のように停滞中ですが
過酷な現実から目を背ける為に
まあ息抜き程度に


さて
またJavaScriptでdat2htmlでもやんべかと色々見てみたら
DOMって面白おすなあ

<script type="text/javascript">
<!--
function func() {
var oImg = document.createElement('img');
oImg.setAttribute("src", "xxx.gif");
var oDiv = document.getElementById("id123");
oDiv.appendChild(oImg);

var text = document.createTextNode('テスト');
oDiv.appendChild(text);

}
// -->
</script>
<div id="id123"></div>
<input type="button" value="OK" onclick="func()">



何したいかというと
容量が多いdatをJavaScriptでhtml表示する際に
今のものだと全部処理するまで表示されないものを
処理されたものをリアルタイムに反映してみたいなと。

こういうのって本家に立派なものがありますけど
まあいいじゃないかと

520 ：名無しさん＠停滞中 ★：08/03/06 18:23:11 ID:???

appendChild
http://tomizawa-web.hp.infoseek.co.jp/method/appendChild.htm

521 ：名無しさん＠停滞中 ★：08/03/06 18:57:46 ID:???

上のスクリプトのポイントはこれっぽい
createTextNode()よりこっちのほうが良さそう

function fAppendChild() {
var oOl = document.getElementById('oOl');
var oLi = document.createElement('li');
oLi.innerHTML = 'LIオブジェクトを追加しました。'
; oOl.appendChild(oLi);
changeDisabled();
}