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:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
|
< HTML>
<head><title>Change To Link</title></head>
<script language="Javascript">
<!--
function OnClick() {
// unsauber aber geht auch :)
document.getElementsByTagName("div")[0].innerHTML = "<a href='aaaaa.php'>qqqq</a>";
}
function OnClick2() {
// Link Objekt erstellen
var new_a = document.createElement("a");
// Text Objekt erstellen
var new_text = document.createTextNode("qqqq");
// das Text Objekt an das Link Objekt anhängen
new_a.appendChild(new_text);
// den Link des Link Objektes setzten
new_a.href = "aaaaaa.php";
// das entsprechende Div Objekt holen
var div2 = document.getElementsByTagName("div")[1];
// alles im div wird gelöscht
ClearRecursive(div2);
// den neu erstellten Link anhängen
div2.appendChild(new_a);
}
function ClearRecursive(Parent) {
// das erste Child holen
var Child = Parent.firstChild;
while (Child!=null) {
// nur zum debuggen
DebugOutput(Child.nodeName);
// Child rekursive löschen
ClearRecursive(Child);
// löschen des Child's ansich
Parent.removeChild(Child);
// und das nächste
Child = Parent.firstChild;
}
}
function DebugOutput(text) {
document.getElementById("Debug").appendChild(document.createTextNode(text));
document.getElementById("Debug").appendChild(document.createElement("br"));
}
-->
</script>
<body>
<div>Bla Bla</div>
<div>Bla 2 Bla <b>Bla</b><i>bla </i></div>
<button onClick="OnClick()">Change To Link</button>
<button onClick="OnClick2()">Change To Link 2</button>
<div id="Debug">Deleted stuff of div2:<br></div>
</body>
</ HTML> |
