How to Add new elements dynamically?
Submitted by: Administrator<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title of page</title>
<script type="text/javascript">
function addNode() {
var newP = document.createElement("p");
var textNode = document.createTextNode(" I'm a new text node");
newP.appendChild(textNode);
document.getElementById("firstP").appendChild(newP);
}
</script>
</head>
<body onload="addNode();" style=" background: url('../images/Sand-1280.jpg'); background-color: yellow;">
<p id="firstP">firstP<p>
</body>
</html>
Submitted by: Administrator
<head>
<title>Title of page</title>
<script type="text/javascript">
function addNode() {
var newP = document.createElement("p");
var textNode = document.createTextNode(" I'm a new text node");
newP.appendChild(textNode);
document.getElementById("firstP").appendChild(newP);
}
</script>
</head>
<body onload="addNode();" style=" background: url('../images/Sand-1280.jpg'); background-color: yellow;">
<p id="firstP">firstP<p>
</body>
</html>
Submitted by: Administrator
Read Online JavaScript Job Interview Questions And Answers
Top JavaScript Questions
| ☺ | Are you concerned that older browsers don't support JavaScript and thus exclude a set of Web users? individual users? |
| ☺ | How to make elements invisible? |
| ☺ | How to use "join()" to create a string from an array using JavaScript? |
| ☺ | How to create a popup warning box? |
| ☺ | What looping structures are there in JavaScript? |
Top Top World Wide Web Categories
| ☺ | Cascading Style Sheet CSS Interview Questions. |
| ☺ | HTML5 Interview Questions. |
| ☺ | Basic Internet Interview Questions. |
| ☺ | Domain Name System (DNS) Interview Questions. |
| ☺ | JavaScript Interview Questions. |
