Pengenalan kepada HTML DOM dan ciri baharu
Pengenalan
Dalam teras DOM, sifat dan kaedah yang disediakan sudah boleh mengendalikan halaman web. Mengapa kita memerlukan HTMLDOM?
Jika tahap nod dalam halaman web sangat dalam dalam DOM teras, ia akan menjadi sangat menyusahkan untuk mengakses nod ini.
Kemudian, HTMLDOM menyediakan kaedah untuk mencari nod terus melalui ID, bukannya bermula dari nod akar HTML.
Ciri baharu HTMLDOM
Setiap teg HTML sepadan dengan objek elemen. Contohnya: <img> sepadan dengan objek imej
Atribut setiap teg HTML sepadan dengan atribut objek elemen yang sepadan dalam surat-menyurat satu-dengan-satu.
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> window.onload = function(){ //獲取網(wǎng)頁(yè)中id=img01的圖片對(duì)象 var imgObj = document.getElementById("img1"); //修改圖片的屬性的值,圖片標(biāo)記的屬性,元素對(duì)象也能用。 imgObj.src = "/upload/course/000/000/009/580af7f52278b486.jpg"; imgObj.width = 400; imgObj.border = 2; imgObj.style = "cursor:pointer"; imgObj.title = "唯美圖片"; //核心DOM中的屬性方法,元素對(duì)象都能用 imgObj.parentNode.bgColor = "#f0f0f0"; } </script> </head> <body > <img id="img1" src="/upload/course/000/000/009/580ae23c4a88a881.jpg" /> </body> </html>