Nicht Ändern können Sie die innerHTML-einer Tabellen-Zelle

Ich habe Probleme versuchen, zu verwenden .innerHTML, um den text innerhalb der Tabellenzellen. Ich möchte zu ändern, Klick auf den text in der Zelle zu einem link, wenn einer der radio-buttons, die ich erstellt habe, überprüft. Der entsprechende code ist unten:

HTML:

 ...<td id="header1" style="width: 80px; text-align:center">Column 1</th>... 


 <div id="testButtons">
        <input type="radio" name="on/off" onclick="showLinks()" value="off" id="off" checked="">
            <label for="off">Function Off</label> 
        <input type="radio" name="on/off" onclick="showLinks()" value="on" id="on">
            <label for="on">Function On</label>
 </div>

Und Javascript:

function showLinks(){ 
if(document.getElementById("on").checked){
    document.getElementById("header1").innerHTML("<a id='headerLink1' href='#' onclick='selectColumn()'>Column 1</a>");
}

}

Wenn ich es Teste, bekomme ich diesen Fehler: Uncaught TypeError: die Eigenschaft 'innerHTML' von Objekt #HTMLTableCellElement ist nicht eine Funktion.

Ich weiß nicht, warum, weil es scheint, wie das funktionieren sollte, zumindest nach MSDN ("Aber, zum ändern des Inhalts einer bestimmten Zelle, Sie können mit innerHTML.").

Jede Hilfe würde geschätzt,
Dank

  • Und ist nicht ein _function bedeutet nichts für Sie? Es ist ein Attribut, so benutzen Sie es nicht, als ob es eine Funktion ...
  • Haben Sie auch einen Fehler in Ihrem HTML-Code: öffnen Sie ein <td> aber schließen Sie es mit </th>.
  • Bitte stoppen Sie die Einbettung von "onclick" - tags in Ihrem html. robertnyman.com/2008/11/20/...
InformationsquelleAutor Fac3Value | 2013-06-26
  1. 4

    innerHTML ist nicht eine Methode, sondern dem DOM-Attribut (offiziell genannt DOMString). Das sollten Sie tun:

    document.getElementById("header1").innerHTML = "<a id='headerLink1' href='#' onclick='selectColumn()'>Column 1</a>";
    • Schlagen Sie mich um 9 Sekunden.
    InformationsquelleAutor 11684
  2. 0

    Dokument.getElementById("header1").innerHTML(" href='#' onclick='selectColumn()'>Spalte 1");

    Dieser ist nicht gültig, weil innerHTML ist nicht eine Methode.
    Sie sollten setzen Sie seinen Wert wie diese:

    Dokument.getElementById("header1").innerHTML = einige Wert

    InformationsquelleAutor Alex Marinov
  3. 0

    Du hast vergessen zu schließen < td >.

    Kann es auch Ihr problem sein.

    <td id="header1" style="width: 80px; text-align:center">Column 1 </td></th>
    InformationsquelleAutor kmas
  4. 0

    Habe ich das geändert onclick auf onchange und zu beheben einige html-Fehler.

    <table>
<td id="header1" style="width: 80px; text-align:center">Column 1</td>
</table>

 <div id="testButtons">
     <input type="radio" name="onoff" onchange="showLinks()" value="off" id="off" checked="" />
            <label for="off">Function Off</label> 
     <input type="radio" name="onoff" onchange="showLinks()" value="on" id="on" />
            <label for="on">Function On</label>
 </div>

<script>
function showLinks(){ 
   if(document.getElementById("on").checked){
        document.getElementById("header1").innerHTML ="<a id='headerLink1' href='#' onclick='selectColumn()'>Column 1</a>";
    }
}
</script>

    hier die fiddle http://jsfiddle.net/C26MN/

    InformationsquelleAutor Achintha Samindika
Schreibe einen Kommentar