Maison > Article > interface Web > JavaScript ajoute des éléments à la page
Méthode : 1. Utilisez "getElementsByTagName()" pour obtenir l'élément du nœud parent ; 2. Utilisez "createElement()" pour créer dynamiquement des balises ; 3. Utilisez "appendChild()" pour placer la balise sous le élément spécifié ; 4. , utilisez "innerHTML" pour ajouter du contenu textuel.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Si vous souhaitez ajouter des éléments dynamiquement à la page, vous devez d'abord déterminer quel élément ajouter l'élément après, puis utiliser la méthode appendChild de js pour ajouter l'élément après l'élément.
1. Obtenez l'élément du nœud parent var body = document.getElementsByTagName('body')[0].
2. Créez ensuite dynamiquement une balise var a = document.createElement('a').
3. Ajoutez la balise créée à body.appendChild(a) sous le corps.
4. Ajoutez du contenu textuel a.innerHTML = 'Ceci est un lien' à l'intérieur de la balise a. Ajoutez un lien a.href = 'https://www.baidu.com/' à la balise a.
Informations détaillées :
Quelques méthodes natives de js
element.appendChild() ajoute le dernier nœud enfant au nœud.
element.innerHTML définit ou renvoie le contenu de l'élément.
document.getElementsByTagName() renvoie une collection d'objets avec le nom de balise spécifié.
document.getElementById() renvoie une référence au premier objet avec l'identifiant spécifié.
document.createElement() crée un élément en spécifiant un nom.
[Apprentissage recommandé : Tutoriel avancé javascript]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!