Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: innerHTML
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
none
12.09.2005, 10:07:49
Witam
Mam :
Kod
<tr id="aaa1"></tr>
<tr id="aaa2"></tr>


i kiedy wstawiam InnerHTML="<td>aaa</td><td>bbb</td>" to JS wyswietla blad?

Gdy dam
Kod
<td id="aaa2"></td>

to czemu?
nospor
12.09.2005, 10:12:20
A mi nie wywala:
[HTML] pobierz, plaintext 
  1. <script language="javascript">
  2. function dodaj()
  3. {
  4. document.getElementById('aaa1').innerHTML = '<td>aaa</td><td>bbb</td>';
  5. }
  6. </script>
  7.  
  8. <table>
  9. <tr id="aaa1"></tr>
  10. <tr id="aaa2"></tr>
  11. </table>
  12. <input type="button" value="dodaj" onclick="dodaj();" />
[HTML] pobierz, plaintext


Na przyszlosc podaj wiecej kodu co i jak robisz
none
12.09.2005, 10:18:03
Oki dzięki ale umnie nie działa to co napisałeś.
U mnie wywala bład czasu wykonywania.
nospor
12.09.2005, 10:20:15
a pokaz caly kod jaki masz
none
12.09.2005, 10:22:24
To samo co ty napisałeś. Jak widać nie działa to na IE pod silnikami grecko działa.
Kod
<html>
<head>

</head>
<body>

<script language="javascript">
function dodaj()
{
document.getElementById('aaa1').innerHTML = '<td>aaa</td><td>bbb</td>';
}
</script>

<table>
<tr id="aaa1"></tr>
<tr id="aaa2"></tr>
</table>
<input type="button" value="dodaj" onclick="dodaj();" />

</body>
</html>
nospor
12.09.2005, 10:38:20
pod ie to muszisz dynamicznie tworzyc elementy. Tu masz kod co dziala wszedzie smile.gif
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. </head>
  5. <body>
  6.  
  7. <script language="javascript" type="text/javascript">
  8. function createElement(element, parent,content,id)
  9. {//tworzy element w parent
  10.     var el=element;
  11.     parent.appendChild(element=document.createElement(element));
  12.     if (id) {element.id=id;element.name=id;}
  13.     if (content) 
  14.     {
  15.         if (el!='input') element.innerHTML=content;
  16.         else			 element.value=content;	
  17.     }
  18.     return element;
  19. }
  20.  
  21.  
  22. function dodaj()
  23. {
  24.     tr = document.getElementById('aaa1');
  25.      td=createElement('td',tr,'aaa');
  26.      td=createElement('td',tr,'bbb');
  27. }
  28. </script>
  29.  
  30. <table>
  31. <tr id="aaa1"></tr>
  32. <tr id="aaa2"></tr>
  33. </table>
  34. <input type="button" value="dodaj" onclick="dodaj();" />
  35.  
  36. </body>
  37. </html>
[HTML] pobierz, plaintext
none
12.09.2005, 10:42:54
dzięki
revyag
12.09.2005, 11:22:33
Problem jest taki, że zawartości tr nie zmienisz pod IE przy pomocy innerHTML, tak napisali w msdnie. Klik
Nie wiem czemu microsoft tak zrobił, ale tego się nie przeskoczy.
Pod firefoxem jest ok.
A użycie DOM'a wszystko rozwiązuje smile.gif
Ale tak chyba będzie krócej.
Kod
<script type="text/javascript">
function dodaj()
{
    var td1 = document.createElement("td");
    var td2 = document.createElement("td");
    
    document.getElementById('aaa1').appendChild(td1).appendChild(document.createTextNode("aaa"));
    document.getElementById('aaa1').appendChild(td2).appendChild(document.createTextNode("bbb"));
}
</script>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.