DOM HTML JavaScript - Menukar HTML

DOM HTML membenarkan JavaScript menukar kandungan elemen HTML.

Tukar strim output HTML

JavaScript boleh mencipta kandungan HTML dinamik:

Tarikh hari ini ialah: Rab 26 Okt 2016 10:01:53 GMT+0800 (Waktu Standard China)

Dalam JavaScript, document.write() boleh digunakan untuk menulis kandungan terus ke strim output HTML.

Jangan gunakan document.write() selepas dokumen selesai dimuatkan. Ini akan menulis ganti dokumen.

Menukar Kandungan HTML

Cara paling mudah untuk mengubah suai kandungan HTML ialah menggunakan atribut innerHTML.

Untuk menukar kandungan elemen HTML, gunakan sintaks ini:

document.getElementById(id).innerHTML=new HTML

Contoh ini menukar

; kandungan:

    
Old Header
   

Contoh penjelasan:

Dokumen HTML di atas mengandungi elemen

dengan id="header"
Kami menggunakan HTML DOM untuk mendapatkan elemen id="header "
JavaScript menukar kandungan elemen ini (innerHTML)

menukar atribut HTML

Untuk menukar atribut elemen HTML, Sila gunakan sintaks ini:

document.getElementById(id).attribute=new attribute value

Contoh ini menukar atribut src elemen :

    
    
原图片为 smiley.gif,脚本将图片修改为 landscape.jpg
  

Contoh Penjelasan :

Dokumen HTML di atas mengandungi elemen dengan id="image"

Kami menggunakan HTML DOM untuk mendapatkan elemen dengan id="image"

JavaScript Tukar atribut elemen ini (tukar "../style/images/smiley.gif" kepada "../style/images/landscape.jpg")