How to create element with id name using javascript ?
I want to create <span id="inner">xxx</span> inner <div id="outter">
I tried , but i cannot add id="inner" to <span>
/
<!DOCTYPE html>
<html>
<body>
<div id="outer">
</div>
<script>
var para = document.createElement("span");
var node = document.createTextNode("xxx");
para.appendChild(node);
var element = document.getElementById("outer");
element.appendChild(para);
</script>
</body>
</html>
How to create element with id name using javascript ?
I want to create <span id="inner">xxx</span> inner <div id="outter">
I tried , but i cannot add id="inner" to <span>
http://jsfiddle/rndao3rd/
<!DOCTYPE html>
<html>
<body>
<div id="outer">
</div>
<script>
var para = document.createElement("span");
var node = document.createTextNode("xxx");
para.appendChild(node);
var element = document.getElementById("outer");
element.appendChild(para);
</script>
</body>
</html>
3 Answers
Reset to default 4Javascript second line add this code:
para.id = "inner";
You can also do it this way:
para.setAttribute("id", "inner");
You can add id using two ways :
1) para.id="Id"; 2) para.setAttribute("id","Id");