簡介
核心DOM中,提供的屬性和方法,已經可以操作網頁了。為什麼還要有HTMLDOM呢?
如果在核心DOM中,網頁中節點層級很深時,造訪這個節點時將會十分麻煩。
那麼,HTMLDOM中就提供了透過id直接找節點的方法,不用再從HTML根節點開始。
HTMLDOM的新特性
<!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(){ //获取网页中id=img01的图片对象 var imgObj = document.getElementById("img1"); //修改图片的属性的值,图片标记的属性,元素对象也能用。 imgObj.src = "/upload/course/000/000/009/580af7f52278b486.jpg"; imgObj.width = 400; imgObj.border = 2; imgObj.style = "cursor:pointer"; imgObj.title = "唯美图片"; //核心DOM中的属性方法,元素对象都能用 imgObj.parentNode.bgColor = "#f0f0f0"; } </script> </head> <body > <img id="img1" src="/upload/course/000/000/009/580ae23c4a88a881.jpg" /> </body> </html>下一節