HTML DOM createTextNode() 方法


HTML DOM createTextNode() 方法

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮创建文本节点。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var t=document.createTextNode("Hello World");
	document.body.appendChild(t);
};

</script>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

HTML元素通常是由元素節點和文字幾點組成。

建立一個標題(H1), 你必須建立"H1" 元素和文字節點:

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮创建一个标题</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var h=document.createElement("H1");
	var t=document.createTextNode("Hello World");
	h.appendChild(t);
	document.body.appendChild(h);
};

</script>

</body>
</html>

##運行實例»點擊"運行實例" 按鈕查看線上實例

#定義和用法

createTextNode() 可建立文字節點。

瀏覽器支援

QQ截图20161108165429.png

所有主要瀏覽器都支援createTextNode() 方法

語法

document.createTextNode(
text)
#參數

參數text傳回值
##類型描述
#String必須。文本節點的文本。

#類型
描述

文字節點物件

建立文字節點
技術細節
##DOM 版本

Core Level 1 Document Object

###################