Comment créer dynamiquement un fichier d'enregistrement de la table

Tapuscrit ne semble pas accepter la syntaxe standard pour la création d'un tableau javascript, quelle est donc la méthode la plus appropriée? J'ai été incapable de trouver de la documentation concrning tables en caractères d'imprimerie.

C'est ce que j'attends de travail:

    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";

Qui est un collage direct de W3schools javascript, cependant visual studio signale une erreur au tableau.insertRow();

"Propriété" insertRow "n'existe pas sur le type "HTMLElement'"

La même erreur ocors l'aide de ce code:

class ModuleTable {
  table: HTMLTableElement;
  private thead: HTMLElement;
  private tbody: HTMLElement;
  constructor() {
    this.table = document.createElement('table');
    this.thead = this.table.createTHead();
    this.tbody = this.table.createTBody();
    var row = this.thead.insertRow(0);
    var cell = row.insertCell(0);
    cell.innerHTML = "Module ID";
   }
}

Dois-je utiliser appendChildren avec un nouveau HTMLElement, ce qui représente une ligne à ajouter à l'en-tête?

  • Il ressemble à la Machine ne dispose pas d'un HTMLTableBodyElement. Est-ce correct? ie ce casting de tbody: La volonté du pavillon des attributs comme "rangées" comme n'existant pas.
InformationsquelleAutor Joshua Purdy | 2015-09-12
  1. 7

    Essayer:

    var table: HTMLTableElement = <HTMLTableElement> document.getElementById("myTable");
var row = table.insertRow(0);

    La raison en est que la Machine ne permet pas de connaître le type exact de document.getElementById(), juste qu'il renvoie un générique HTMLElement. Vous savez que c'est une table, de sorte que vous pouvez le jeter.

    • Je viens de poster mon code, désolé, je n'avais pas fait auparavant. Je suis en assignant le résultat d'une HTMLTableElement variable, de sorte que le casting devrait être implicite. J'obtiens toujours cette erreur si.
    • Regardé par dessus mon code plus, et réalisé que mon problème était encore catsing. Il y a un HTMLTableRowElement type, ce qui permet pour la manipulation des cellules.
    • Vous n'avez pas besoin de jeter le retour de row.insertCell() parce que la machine sait que c'est toujours un HTMLTableRowElement. Mettre une autre manière, c'est seulement document.getElementById() qui a l'ambiguïté d'un type.
    InformationsquelleAutor Nikos Paraskevopoulos
  2. 2

    D'après Nikos réponse, ce code fini par résoudre le problème. Tapuscrit de la table, créé dynamicall, à partir de code seulement

    class ModuleTable {
  table: HTMLTableElement;
  private thead: HTMLTableElement;
  private tbody: HTMLTableElement;
  constructor() {
    this.table = document.createElement('table');
    this.thead = <HTMLTableElement> this.table.createTHead();
    this.tbody = <HTMLTableElement> this.table.createTBody();
    var hrow = <HTMLTableRowElement> this.table.tHead.insertRow(0);
    var cell = hrow.insertCell(0);
    cell.innerHTML = "Module ID";
  }
}
    InformationsquelleAutor Joshua Purdy