blob: 420ca736e0f22e1c760a4d7421173eedcc56d038 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<html>
<script>
function buttonClicked() {
div = document.getElementById("lastDiv");
bold = document.getElementById("bold");
text_node = document.createTextNode("Hello!");
// div.childNodes[0].appendChild(text_node);
p_node = document.createElement("p");
p_node.appendChild(text_node);
bold.appendChild(p_node);
}
</script>
<body>
<p>A simple paragraph. Nothing to see here, move along!</p>
<p>This is a paragraph with a <a href="">link</a> and some <b id="bold">bold text</b> in it!</p>
<p>This on uses a <SPAN>span</SPAN> </p>
<dIV>
<div>This is a first div <div>with an inner div</div> and that's it</div>
<div id="lastDiv">OK, last div 0.69%</div>
</div>
<button onclick="buttonClicked()">Click me </button>
</body>
</html>
|