首頁>Club>

如何透過JavaScript動態生成html控制元件？

28
回覆列表
  • 1 # 小紅的甜心

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>無標題文件</title>

    <script>

    var i=1;

    function add(){

    var top=document.getElementById("top");

    var input=document.createElement("input");

    var div=document.createElement("div");

    div.innerHTML="學生:"+i

    div.id=i

    i=i+1;

    input.type="text"

    input.name="v";

    input.value="nihao";

    input.id="v";

    div.appendChild(input);

    top.appendChild(div);

    }

    </script>

    </head>

    <body>

    <div><input type="button" onclick="add()" value="新增" /></div>

    <div></div>

    </body>

    </html>

相關內容

  • ∧ 中秋節和大豐收的關聯？
  • ∨ 你認為怎樣做才是一名好老師？