all,
How to create an element in javascript, say <div></div> and i want to assign a javascript value to it say var a=3;
Example:
<script>
var ele=create element('<div>');
ele.add(a)
</div>
</script>
Thanks..........
-
this question is not very clear at all. what does it even mean, to you, to assign a javascript value to a html element?David Hedlund– David Hedlund2010-02-05 07:44:26 +00:00Commented Feb 5, 2010 at 7:44
Add a comment
|
2 Answers
The new, W3C approved way is to use document.createElement for creation and Node.appendChild or Node.insertBefore to add the new node as a child of another. These functions are defined by the DOM level 1 standard.
To add text to a node, create it with document.createTextNode, then add the text node using one of the previously mentioned methods. To change the text in a text node, assign to the text node's nodeValue property.
// create the element
var elt = document.createElement('div');
// create & add text to the element
elt.appendChild(document.createTextNode('foo'));
// add the element to the body as the middle child
document.body.insertBefore(elt, document.body.childNodes[document.body.childNodes.length >> 1]);
...
// change the text stored in the element
elt.firstChild.nodeValue='bar';
var el = document.createElement('div');
el.innerHTML = '3';
document.body.appendChild(el);
