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 次浏览

开启你的 职业生涯

完成课程后获得认证

开始
广告