Cet article décrit la méthode d'ajout de contenu de nœud à une forme dynamiquement. Partagez-le pour votre référence. Les détails sont les suivants:
1. Code
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Ajouter le nœud </TITME>
<script type = "text / javascript">
fonction newpicture () {
var picecelement = document.createElement ("img");
picecelement.src = "images / succès.jpg";
picecelement.width = 100;
picelement.height = 100;
Document.Body.ApendChild (picelement);
}
fonction newNode () {
var olelement = document.getElementById («réponses»);
var litElement = document.CreateElement ('li');
var inputElement = Document.CreateElement ('Input');
inputElement.Type = "Text";
inputElement.name = "réponse";
Liement.APPEndChild (InputElement);
Olelement.ApendChild (Liement);
}
</cript>
</ head>
<body>
<div>
<entrée type = "bouton" name = "bouton" value = "Ajouter une image" onClick = "javascript: newPicture ();" />
<entrée type = "bouton" name = "bouton" value = "Ajouter une option" onClick = "javascript: newNode ();" /> <br />
<ol id = "Answers">
<li> <entrée type = "text" name = "réponse" /> </li>
</l>
</div>
</docy>
</html>
2. Rendements de programme:
J'espère que cet article sera utile à la programmation JavaScript de tous.