Artikel ini menjelaskan metode menambahkan konten node ke bentuk secara dinamis. Bagikan untuk referensi Anda. Dengan rincian sebagai berikut:
1. Kode
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> Tambahkan node </iteme>
<type skrip = "Teks/JavaScript">
function newpicture () {
var picelement = document.createElement ("img");
picelement.src = "gambar/sukses.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 = "Teks";
inputeLement.name = "Jawab";
lielement.AppendChild (InputElement);
olelement.AppendChild (lielement);
}
</script>
</head>
<body>
<div>
<input type = "Tombol" name = "Tombol" value = "Tambahkan gambar" OnClick = "JavaScript: newPicture ();"/>
<input type = "tombol" name = "Tombol" value = "Tambahkan opsi" ontClick = "JavaScript: newNode ();" /> <br />
<ol id = "Jawaban">
<li> <input type = "text" name = "jawab" /> </li>
</ol>
</div>
</body>
</html>
2. Rendering Program:
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.