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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。