В этой статье описывается метод добавления содержания узла в форму динамически. Поделитесь этим для вашей ссылки. Детали следующие:
1. Код
Скопируйте код следующим образом: <! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> добавить узел </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);
}
function newnode () {
var olelement = document.getElementbyId ('answers');
var lielement = document.createElement ('li');
var inputelement = document.createElement ('input');
inputelement.type = "text";
inputelement.name = "ответ";
lielement.appendchild (inputelement);
olelement.appendchild (Lielement);
}
</script>
</head>
<тело>
<div>
<input type = "button" name = "alcuate" value = "добавить изображение" onclick = "javascript: newpicture ();"/>
<input type = "button" name = "alcover" value = "добавить опцию" onclick = "javascript: newNode ();" /> <br />
<ol id = "Ответы">
<li> <input type = "text" name = "answer" /> < /li>
</ol>
</div>
</body>
</html>
2. Программные визуализации:
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.