close

[JavaScript HTML DOM]使用document物件，使用方法document.createElement()

說明：
document.createElement()
新增一個html 元件

用法：
document.createElement(html 元件名稱)

此範例設計說明：
第一步、使用新增一個html元件button createElement("button")
第二步、將此元件，加入到body裡，使用document.body.appendChild(元件)
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]使用document物件，使用方法document.createElement()</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myAdd() {
var btn=document.createElement("button");
document.body.appendChild(btn);
}
</script>
</head>
<body>
[JavaScript-HTML_DOM]使用document物件，使用方法document.createElement()
<input type="button" value="新增" onclick="myAdd()"/>
</body>
</html>
圖：

 按下新增後，會多出一個button




相關範例：

參考：
HTML DOM createElement() Method
http://www.w3schools.com/jsref/met_document_createelement.asp

 




 






 















其它文章


arrow
arrow
    文章標籤
    javascript document createelement dom 元件 html button 物件 使用方法 程式 用法
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄