Creates a new Text
node. This method can be used to escape HTML characters.
Creates a new Text
node. This method can be used to escape HTML characters.
js
createTextNode(data)
data
A string containing the data to be put in the text node.
A Text
node.
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>
Specification |
---|
DOM Standard # ref-for-dom-document-createtextnode① |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
createTextNode |
1 | 12 | 1 | 5 | 7 | 1 | 4.4 | 18 | 4 | 10.1 | 1 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/createTextNode