.js – DOM Methods

(note to self:
use local template .www/00_DMyNs/00_JavaScript/)

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>
<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.
BACK TO TOP | All Content © 2006 - 2009, NoviceNotes™ | © 2009 NoviceNotes.Net