HTML DOM 및 새로운 기능 소개

소개

Core DOM에서 제공되는 속성과 메소드는 이미 웹페이지를 운영할 수 있습니다. 왜 HTMLDOM이 필요한가요?
웹 페이지의 노드 수준이 핵심 DOM에 매우 깊은 경우 이 노드에 액세스하는 것이 매우 번거로울 것입니다.
그런 다음 HTMLDOM은 HTML 루트 노드에서 시작하는 대신 id로 직접 노드를 찾는 방법을 제공합니다.

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>

제출하다 코드 재설정

자동운전

전체 화면