Thema: "setAttribute Hack" um auch mit dem IE arbeiten zu können.
Hallo ins Forum,
leider musste ich feststellen, der IE nicht nur beim "hasAttribute", sondern auch beim "setAttribute" seine Problemchen hat. Mittels remove-, create- und set- bekommt man/frau das aber auch im IE hin.
Was im Buch auf Seite 55 unter "createAttribute" steht: "-wenn möglich- darauf verzichten", muss nun leider doch wieder öfters in den Editor geklopft werden.
Hier mein Workaround (Hack) zum Testen:
----------------------------------------------------------------------->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Umweg für den IE</title>
<script type="text/javascript">
//<![CDATA[
window.onload = function ()
{
var e00 = document.getElementById("th_0");
var e01 = e00.firstChild.nodeValue;
alert("Zelle th_0: Orginalwert= "+e01);
e00.firstChild.nodeValue = "Head Line dieser Tabelle";
var e01 = e00.firstChild.nodeValue;
alert("Zelle th_0: Neuer Wert= "+e01);
var e02 = (e00.getAttribute("colspan")!=null) ? true : false;
alert("Das Element th_0 hat ein Attribute ColSpan = "+ e02);
alert("Orginal Attribute ColSpan = "+e00.getAttribute("colspan"));
alert("Ändere ColSpan mittels setAttribute auf 3");
e00.setAttribute("ColSpan", "3"); //Funktioniert nur mit einem GEKO Browser
alert("Modifizieres Attribut ColSpan (sollte 3 sein) = "+e00.getAttribute("colspan"));
//Versuch mittels remove, create und set funktioniert mit Geko- und mit dem IE-Browser
alert("Ändere ColSpan mittels remove-, create- und setAttribute auf 5");
e00.removeAttribute("colspan");
var v = document.createAttribute("colspan");
v.nodeValue = "5";
e00.setAttributeNode(v);
alert("Modifizieres Attribut ColSpan (sollte 5 sein) = "+e00.getAttribute("colspan"));
}
//]]>
</script>
</head>
<body>
<table id="table_1" width="80%" border="5" bgcolor="F30FA5">
<tr id="tr_1" lang="en">
<th id="th_0" colspan="1" title="Meine Zeile" align="center">Überschrift</th>
</tr>
<tr id="tr_2" lang="de">
<td id="td_0_0" bgcolor=#00FF00 align="center">Spalte 0</td>
<td id="td_0_1" bgcolor=#0FFF0F align="center">Spalte 1</td>
<td id="td_0_2" bgcolor=#0FFF0F align="center">Spalte 2</td>
<td id="td_0_3" bgcolor=#0FFF0F align="center">Spalte 3</td>
<td id="td_0_4" bgcolor=#0FFF0F align="center">Spalte 4</td>
</tr>
</table>
</body>
</html>
----------------------------------------------------------------------------
Wenn jemand eine andere Lösung kennt, bitte hier posten.
MfG
WolliK