Maison >interface Web >js tutoriel >Astuces Javascript pour générer des astuces HTML elements_javascript

Astuces Javascript pour générer des astuces HTML elements_javascript

WBOY
WBOYoriginal
2016-05-16 16:48:051053parcourir

Il existe deux méthodes permettant à Javascript de générer des éléments HTML. Cet article présente deux méthodes. La première est une méthode plus formelle de création d'éléments et la seconde consiste à utiliser la méthode write() en JavaScript pour écrire directement des éléments HTML.

Méthode 1 :

Copier le code Le code est le suivant :

//createElement() crée l'élément d'entrée dans l'objet obj
var obj = document.createElement('input');
//Sélectionnez l'élément précédent pour générer l'emplacement
var before = document.getElementById('before');
//Définir le nom et la valeur de l'élément obj
obj.name='name';
obj.value='value';
//setAttribute peut définir librement des attributs, pas seulement l'identifiant et le type, le nom et la valeur peut aussi être Cette définition
obj.setAttribute('id','idname');
obj.setAttribute('type','typename');
//Ajouter obj
après le précédent élément avant .appendChild(obj);

Méthode 2 :

Copier le code Le code est le suivant :

document.write("");

Voici deux méthodes pour générer des éléments HTML La première est plus standardisée et contient plus de code, tandis que la seconde contient moins de code.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn