Dieser Artikel beschreibt die Methode zum Hinzufügen von Knoteninhalten zu einem Formular dynamisch. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
1. Code
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> Node </title> hinzufügen
<script type = "text/javaScript">
Funktion newpicture () {
var picelement = document.createelement ("img");
Picelement.src = "Images/Success.jpg";
picelement.width = 100;
picelement.height = 100;
document.body.appendchild (picelement);
}
Funktion newnode () {
var olelement = document.getElementById ('Answers');
var lielement = document.createelement ('li');
var InputElement = document.createelement ('Eingabe');
inputElement.type = "text";
InputElement.Name = "Antwort";
lielement.AppendChild (InputElement);
olelement.appendchild (lielement);
}
</script>
</head>
<body>
<div>
<input type = "button" name = "button" value = "Ein Bild hinzufügen" onclick = "JavaScript: newpicture ();"/>
<input type = "button" name = "button" value = "Eine Option hinzufügen" onclick = "JavaScript: newnode ();" /> <br />
<ol id = "Answers">
<li> <Eingabe type = "text" name = "Antwort" /> < /li>
</ol>
</div>
</body>
</html>
2. Programmrenderungen:
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.