Document: createTextNode() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
新しい Text ノードを生成します。このメソッドは HTML 文字をエスケープするのに利用できます。
構文
js
createTextNode(data)
引数
data-
テキストノードの中に入れるデータが入った文字列です。
返値
Text ノードです。
例
html
<!doctype html>
<html lang="en">
<head>
<title>createTextNode example</title>
<script>
function addTextNode(text) {
const newtext = document.createTextNode(text);
const p1 = document.getElementById("p1");
p1.appendChild(newtext);
}
</script>
</head>
<body>
<button onclick="addTextNode('YES! ');">YES!</button>
<button onclick="addTextNode('NO! ');">NO!</button>
<button onclick="addTextNode('WE CAN! ');">WE CAN!</button>
<hr />
<p id="p1">First line of paragraph.</p>
</body>
</html>
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-document-createtextnode① |