HTML DOM emphasized用法及代碼示例

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() 方法。

<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);
}

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM emphasized object。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。