Quantcast
Skip to content


ATTENTION TWEETERS: Before clicking the tweet button, please ensure the proper URL is displayed in your location bar. How? Click the post title, or permalink. (Otherwise, your tweet will point to the site, only, making it difficult for your readers to find.)
-- Thank you!
the Author

.js – DOM Methods

createTextNode(nodeName)

JavaScript DOM Method: createTextNode

Creates a new Text node.

text = document.createTextNode(data) 
  • text is a Text node.
  • data is a string containing the data to be put in the text node.
<html>http://www.sunsite.ubc.ca/LatinDictionary/
<head>
<title>createTextNode example</title>
<script type="text/javascript">
function addTextNode()
{
var newtext = document.createTextNode(" Some text added dynamically. ");
var para = document.getElementById("p1");
para.appendChild(newtext);
}
</script>
</head>
<body>
<div style="border: 1px solid red">
<p id="p1">First line of paragraph.<br /></p>
</div><br />
<button onclick="addTextNode();">add another textNode.</button>
</body>
</html>

View createTextNode listing in the w3c DOM Level 2 Core


This reference originally retrieved from “http://developer.mozilla.org/en/docs/DOM:document.createTextNode

See Also: The W3C DOM2 Core Reference Root, where other JavaScript Methods, like the one described here, are indicated with a light-blue, inline background colour.

Leave a Reply



Close