close

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

說明：
新增字串

用法：
createTextNode("字串")

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

 





相關範例：

參考：
HTML DOM createTextNode() Method

 




 






 
















其它文章


arrow
arrow
    文章標籤
    document createtextnode 測試 javascript dom 使用方法 字串 html appendchild 元件
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄