Formulaires et styles d'opération JavaScript DOM_Connaissances de base

1 Formulaire d'opération

La balise

est la structure la plus complexe en HTML. Nous pouvons la créer et la générer via DOM, ou l'exploiter via HTMLDOM ;

// 使用DOM来创建表格;
 var table = document.createElement('table');
 table.border = 1;
 table.width = 300;

 var caption = document.createElement('caption');
 table.appendChild(caption);
 caption.appendChild(document.createTextNode('人员表'));

 var thead = document.createElement('thead');
 table.appendChild(thead);

 var tr = document.createElement('tr');
 thead.appendChild(tr);

 var th1 = document.createElement('th');
 var th2 = document.createElement('th');

 tr.appendChild(th1);
 th1.appendChild(document.createTextNode('姓名'));
 tr.appendChild(th2);
 th2.appendChild(document.createTextNode('年龄'));

 document.body.appendChild(table);

// Le tableau est complexe et comporte plusieurs niveaux. Il sera difficile d'utiliser le DOM précédent pour obtenir un certain élément ; il est recommandé d'utiliser HTMLDOM ; Introduction aux propriétés et méthodes HTMLDOM
Propriété ou méthode Description
caption contient une référence à l'élément

tFoot contient une référence à l'élément tHead contient une référence à l'élément rows contient une HTMLCollection d'éléments createTHead() crée l'élément et renvoie la référence
. createTFoot() crée l'élément et renvoie la référence
. createCpation() crée l'élément
deleteTFoot() supprime l'élément deleteCaption() supprime l'élément rows contient une HTMLCollection de lignes dans l'élément deleteRow(pos) supprime la ligne à la position spécifiée ;
insertRow(pos) insère une ligne à la position spécifiée dans la collection de lignes

Attributs et méthodes ajoutés à l'élément
cell contient la collection de cellules HTMLCollection dans l'élément deleteCell(pos) supprime la cellule à la position spécifiée ;
insertCell(pos) insère une cellule à la position spécifiée de la collection de cellules et renvoie une référence

;

//HTMLDOM récupère le

et sont uniques dans un tableau, il ne peut y en avoir qu'un

// Et n'est pas unique, il peut être multiple, de sorte que les valeurs et sont des références d'éléments ;

2 styles de fonctionnement

En tant qu'auxiliaire du (X)HTML, CSS peut améliorer l'effet d'affichage de la page, mais tous les navigateurs ne peuvent pas prendre en charge les dernières fonctionnalités CSS

; Les capacités CSS sont étroitement liées aux niveaux du DOM, il est donc nécessaire de détecter le niveau de fonctionnalités CSS pris en charge par le navigateur actuel

 ; Il existe trois façons de définir des styles en HTML :
(1). Utilisez l'attribut style pour définir des styles pour des éléments spécifiques

. (2). Utilisez l'élément

tBodies contient une HTMLCollection d'éléments

et renvoie la référence
. deleteTHead() supprime l'élément

deleteRow(pos) supprime la ligne spécifiée ;
insertRow(pos) insère une ligne à la position spécifiée dans la collection de lignes

Attributs et méthodes ajoutés par l'élément

du tableau alert(table.caption.innerHTML); // Récupère le contenu de la légende ;

// PS :