Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM 개체 개체

<시간/>

HTML의 HTML DOM 개체 개체는 <개체> 를 나타냅니다. 요소.

요소

생성
var objectElement = document.createElement(“OBJECT”)

여기에서 "objectElement "는 다음과 같은 속성을 가질 수 있습니다 -

속성
설명
데이터
Objectelement에서 사용 중인 리소스의 URL을 설정/반환합니다.
양식
객체 요소의 둘러싸는 형식에 대한 참조를 반환합니다.
높이
객체 요소의 높이를 설정/반환
이름
객체 요소의 이름을 설정/반환합니다.
유형
데이터 속성을 통해 다운로드한 데이터의 콘텐츠 유형을 설정/반환합니다.
지도 사용
객체 요소와 함께 사용할 클라이언트 측 이미지 맵의 이름을 설정/반환합니다.
너비
객체 요소의 너비를 설정/반환합니다.


HTML DOM 개체 개체의 예를 살펴보겠습니다. t 속성 -

예시

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Object object</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style></head>
<body>
   <form>
      <fieldset>
         <legend>HTML-DOM-Object-Object</legend>
         <object id="objSelect" height="200"          data="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg"></object>
         <input type="button" onclick="getObjectData()" value="Get URL">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var objSelect = document.getElementById("objSelect");
   function getObjectData() {
      objSelect.data
      divDisplay.textContent = 'URL of above picture: '+objSelect.data;
   }
</script>
</body>
</html>

출력

'URL 가져오기'를 클릭하기 전에 버튼 -

HTML DOM 개체 개체

'URL 가져오기를 클릭한 후 ' 버튼 -

HTML DOM 개체 개체