HTML DOM 강조 개체는 HTML 요소와 연결됩니다. 요소는 일부 텍스트를 강조하는 데 사용되며 해당 텍스트를 기울임꼴로 표시합니다. 각각 createElement() 또는 getElementById() 메소드를 사용하여 강조된 객체를 생성하고 접근할 수 있습니다.
구문
다음은 −
의 구문입니다.강조된 개체 만들기 -
var e = document.createElement("EM"); 예시
강조된 개체의 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1>emphasized object example</h1>
<p>Create an em element by clicking the button below</p>
<button onclick="createEM()">CREATE</button>
<br><br>
<script>
function createEM() {
var e = document.createElement("EM");
var txt = document.createTextNode("HELLO WORLD");
e.appendChild(txt);
document.body.appendChild(e);
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CREATE 버튼 클릭 시 -
사용자가 클릭할 때 createEM() 메서드를 실행하는 CREATE 버튼을 먼저 만들었습니다.
<button onclick="createEM()">CREATE</button>
createEM() 메소드는 문서 객체의 createElement() 메소드를 사용하여 요소를 생성합니다. 그런 다음 요소를 변수 e에 할당하고 문서 개체의 createTextNode() 메서드를 사용하여 일부 텍스트로 텍스트 노드를 만듭니다. 그런 다음 텍스트 노드가 요소에 추가됩니다. 마지막으로 텍스트 노드와 함께 요소가 appendChild() 메소드를 사용하여 문서의 본문에 추가됩니다 -
function createEM() {
var e = document.createElement("EM");
var txt = document.createTextNode("HELLO WORLD");
e.appendChild(txt);
document.body.appendChild(e);
}