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>

输出

这将产生以下输出 −

点击"创建"按钮 −

我们首先创建了一个"创建"按钮，当用户点击该按钮时，它将执行 createEM() 方法。

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

createEM() 方法使用 document 对象的 createElement() 方法创建一个 <em> 元素。然后，它将元素赋值给变量 e，并使用 document 对象的 createTextNode() 方法创建一个包含文本的文本节点。之后，该文本节点被附加到 <em> 元素。最后，使用 appendChild() 方法将 <em> 元素和文本节点一起附加到文档主体中 −

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

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/