Hallo teman-teman, balik lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang bagaimana cara menyisipkan element html baru pada html dom, kalau pada pertemua kemarin kita membahas bagai mana cara menyisipkan css pada html dom, atau teman-teman bisa baca pada artikel belikut Baca
nah sekarang mungkin kita langsung praktekan saja bagaimana caranya, silahkan teman-teman ketikan script berikut :
<!DOCTYPE html> <html> <body> <div id="div1"> <p id="p1">Dumet School.</p> </div> </body> </html>
nah skarang saya akan membuat sebuah element html baru, dimana nanti akan langsung tercetak dibawah kata dumet school, silahakan teman-teman ketikan script berikut :
<script>
var para=document.createElement("p");
var node=document.createTextNode("terbaik dan nomor satu.");
para.appendChild(node);
var element=document.getElementById("div1");
element.appendChild(para);
</script>dimana di atas dijelaskan bahwa saya membuat element p baru dengan fungsi createElement Dan mengisinya dengan kata terbaik dan nomor satu lalu saya mencetaknya didalam id div1,
keseluruhan scriptnya adalah sebagai berikut :
<!DOCTYPE html>
<html>
<body>
<div id="div1">
<p id="p1">Dumet School.</p>
</div>
<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);
var element=document.getElementById("div1");
element.appendChild(para);
</script>
</body>
</html>maka hasilnya akan seperti berikut :
oke cukup sekian artikel kali ini, selamat mencoba, semoga bermanfaat,
terimakasih.
The post Menciptakan Element HTML Baru Di HTML DOM appeared first on Kursus Website Terbaik.