HTML DOM 強調的物件


HTML DOM 強調的物件與 HTML <em> 元素相關。<em> 元素用於強調一些文字,並以斜體標註文字。您可以分別使用 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 按鈕 −

我們首先建立了一個 CREATE 按鈕,當用戶點選時,它將執行 createEM() 方法。

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

createEM() 方法使用文件物件的 createElement() 方法建立一個 <em> 元素。然後,它將該元素分配給變數 e,並使用文件物件的 createTextNode() 方法建立包含一些文字的文字節點。然後將文字節點追加到 <em> 元素。最後,<em> 元素和文字節點一起使用 appendChild() 方法追加到文件正文 −

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

更新於: 2021 年 2 月 19 日

80 次瀏覽

開啟你的 職業生涯

完成課程後獲得認證

開始
廣告
© . All rights reserved.