Menciptakan Element HTML Baru di HTML DOM
Hallo teman-teman, balik lagi di panduan Source Code Aplikasi, di panduan kali ini saya akan membahas mengenai bagaimana cara menyisipkan element HTML baru di HTML DOM.
Kalau di pertemuan kemarin kita membahas bagaimana cara menyisipkan CSS di HTML DOM, atau teman-teman dapat baca di artikel berikut Baca.
Nah sekarang ini mungkin kita seketika praktekan saja bagaimana caranya, silahkan teman-teman ketikan script berikut :
<!DOCTYPE html>
<html>
<body>
<div id=div1>
<p id=p1>Source Code Aplikasi.</p>
</div>
</body>
</html>
Nah sekarang ini saya akan merancang sebuah element HTML baru, dimana nanti akan seketika tercetak di bawah kata Source Code Aplikasi, silakan 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 diterangkan bahwa saya merancang element p baru dengan guna createElement Dan mengisinya dengan kata terbaik dan nomor satu lalu saya mencetaknya didalam id div1.
Keseluruhan scriptnya ialah selaku berikut :
<!DOCTYPE html>
<html>
<body>
<div id=div1>
<p id=p1>Source Code Aplikasi.</p>
</div>
<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>
</body>
</html>
Karenanya hasilnya akan seperti berikut :
Oke lumayan demikianlah artikel kali ini, selamat mencoba, semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org
