HTML DOM 및 새로운 기능 소개

소개

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

HTMLDOM의 새로운 기능

각 HTML 태그는 요소 개체에 해당합니다. 예: <img>는 이미지 객체에 해당합니다
각 HTML 태그의 속성은 해당 요소 객체의 속성에 일대일 대응합니다.

rreee

새로운 파일

<!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>

제출하다 코드 재설정

자동운전