Computer >> Máy Tính >  >> Lập trình >> HTML

Đối tượng nhấn mạnh HTML DOM

Đối tượng được nhấn mạnh HTML DOM được liên kết với phần tử HTML. Phần tử được sử dụng để nhấn mạnh một số văn bản và nó đánh dấu văn bản đó bằng chữ nghiêng. Bạn có thể tạo và truy cập đối tượng được nhấn mạnh bằng cách sử dụng phương thức createElement () hoặc getElementById () tương ứng.

Cú pháp

Sau đây là cú pháp cho -

Tạo một đối tượng được nhấn mạnh -

var e = document.createElement("EM");

Ví dụ

Chúng ta hãy xem một ví dụ cho đối tượng được nhấn mạnh -

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

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Đối tượng nhấn mạnh HTML DOM

Khi nhấp vào nút TẠO -

Đối tượng nhấn mạnh HTML DOM

Đầu tiên, chúng tôi đã tạo một nút CREATE sẽ thực thi phương thức createEM () khi người dùng nhấp vào.

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

Phương thức createEM () tạo một phần tử bằng cách sử dụng phương thức createElement () của đối tượng tài liệu. Sau đó, nó gán phần tử cho biến e và tạo một nút văn bản với một số văn bản bằng cách sử dụng phương thức createTextNode () của đối tượng tài liệu. Sau đó, nút văn bản được nối vào phần tử . Cuối cùng, phần tử cùng với nút văn bản được thêm vào nội dung của tài liệu bằng phương thức appendChild () -

function createEM() {
   var e = document.createElement("EM");
   var txt = document.createTextNode("HELLO WORLD");
   e.appendChild(txt);
   document.body.appendChild(e);
}