HTML DOM简介和新特性
简介
核心DOM中，提供的属性和方法，已经可以操作网页了。为什么还要有HTMLDOM呢？
如果在核心DOM中，网页中节点层级很深时，访问这个节点时将十分麻烦。
那么，HTMLDOM中就提供了通过id直接找节点的方法，而不用再从HTML根节点开始。
HTMLDOM的新特性
每一个HTML标记，都对应一个元素对象。如：<img>对应一个图片对象
每一个HTML标记的属性，与对应的元素对象的属性，一一对应。
<!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> 
