この記事では、ノードコンテンツをフォームに動的に追加する方法について説明します。参照のためにそれを共有してください。詳細は次のとおりです。
1。コード
次のようにコードをコピーします。<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> add node </title>
<script type = "text/javascript">
function newpicture（）{
var picelement = document.createelement（ "img"）;
picelement.src = "images/success.jpg";
picelement.width = 100;
picelement.height = 100;
document.body.AppendChild（Picelement）;
}
関数newNode（）{
var olelement = document.getElementById（ 'Answers'）;
var lielement = document.createelement（ 'li'）;
var inputelement = document.createelement（ 'input'）;
inputelement.type = "text";
inputelement.name = "answer";
lielement.appendChild（inputelement）;
Olelement.AppendChild（Lielement）;
}
</script>
</head>
<body>
<div>
<入力型= "ボタン" name = "button" value = "onclick onclick =" javascript：newpicture（）; "/>
<入力型= "ボタン" name = "button" value = "オプションの追加" onclick = "javascript：newnode（）;" /> <br />
<ol id = "Answers">
<li> <入力タイプ= "Text" name = "Answer" /> < /li>
</ol>
</div>
</body>
</html>
2。プログラムレンダリング：
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。