HTML DOM Del 객체

<시간/>

HTML DOM Del 개체는 HTML ~~요소와 연결됩니다. ~~요소를 나타내는 데 사용됩니다. Del 개체를 사용하여 ~~요소를 만들고 액세스할 수 있습니다.~~~~~~

속성

다음은 Del 개체의 속성입니다 -

Sr.No	속성 및 설명
1	인용 삭제된 텍스트의 인용 속성 값을 설정하거나 반환합니다.
2	날짜/시간 삭제된 텍스트의 datetime 속성 값을 설정하거나 반환합니다.

구문

다음은 −

의 구문입니다.

Del 개체 만들기 -

var p = document.createElement("DEL");

예시

HTML DOM Del 개체에 대한 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
   function delCreate() {
      var d= document.createElement("DEL");
      var t = document.createTextNode("Deleted text is here");
      d.appendChild(t);
      document.body.appendChild(d);
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM Del 객체

CREATE 버튼 클릭 시 -

HTML DOM Del 객체

위의 예에서 -

사용자가 클릭할 때 delCreate() 메서드를 실행하는 CREATE 버튼을 먼저 만들었습니다.

<button onclick="delCreate()">CREATE</button>

delCreate() 메서드는 createElement()를 사용하여 요소를 만들고 변수 d에 할당합니다. 그런 다음 createTextNode() 메서드를 사용하여 내부에 일부 텍스트가 있는 텍스트 노드를 만듭니다. 그런 다음 텍스트 노드는 del 요소의 appendChild() 메서드를 사용하여 ~~요소에 추가되고 여기에 텍스트 노드가 추가됩니다.~~

그런 다음 텍스트 노드와 함께 ~~요소가 document.body appendChild() 메서드를 사용하여 문서 본문에 추가되고 변수 d를 매개변수로 전달 -~~

function delCreate() {
   var d= document.createElement("DEL");
   var t = document.createTextNode("Deleted text is here");
   d.appendChild(t);
   document.body.appendChild(d);
}