2006/11/03

Dynamic create HTML element

Dynamic create html elements
為了增加和使用者的互動,我們會在網頁上使用javascript來動態更改網頁的元素,其做法很簡單,如果我們要產生一個按鈕,做法如下:

< script language = "javascript" >
< !--
function init() {
var body = window.document.getElementsByName("body")[0];
var btn = window.document.createElement("INPUT");

btn.type = 'button';
btn.value = 'test';
body.appendChild(btn);

}
//-->
< /script >
<html>
<body onload = "init()" name = "body" >
< /body >
< /html >

ps.每個tag都插入了一個空白,且script, html, body用了全形,以免發生錯誤

沒有留言 :