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