.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
BACK TO TOP [ javascript enabled ]