versuch13
Erfahrenes Mitglied
Hi, ich habe hier ein kleines Script geschrieben, welches mir die einzelnen
Zeilen eines DIV Elementes zerlegt und anschließend in jeweils ein eigenes
DIV packt. Allerdings funktioniert das ganze im Microsoft IE nicht.
Ich habe leider keine Ahnung woran das liegen kann. Infos dazu wären super.
Danke, Gruß
Zeilen eines DIV Elementes zerlegt und anschließend in jeweils ein eigenes
DIV packt. Allerdings funktioniert das ganze im Microsoft IE nicht.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>lined</title>
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
div#lined div {
border-bottom: 1px solid black;
}
-->
</style>
<script type="text/javascript">
<!--
function lined() {
var e = document.getElementById("lined");
var text = e.innerHTML;
var lines = text.split("\n");
e.innerHTML = '';
for(var i=1; i<lines.length-1; i++) {
var newDIV = document.createElement("div");
var textnode = lines[i];
var newDivText = document.createTextNode(textnode);
document.getElementById("lined").appendChild(newDIV);
document.getElementsByTagName("div")[i].appendChild(newDivText);
}
}
window.onload = function() {
lined();
}
//-->
</script>
</head>
<body>
<div id="lined">
Das ist der Text in der ersten Zeile.
Das ist der Text in der zweiten Zeile.
Das ist der Text in der dritten Zeile.
Das ist der Text in der vierten Zeile.
</div>
</body>
</html>Ich habe leider keine Ahnung woran das liegen kann. Infos dazu wären super.
Danke, Gruß
