Question

我想用JavaScript创建html元素

<p id="user1" class="user-list-follow">
   <img src="../images/pictures/1s.jpg" alt="img">
   <strong>User One<br><em>Some sample text here.</em></strong>
   <a href="#" class="follow">Follow</a>
</p>
<div class="decoration"></div>

请帮帮我。

Answer 1

在HTML文档中，document.createElement()方法创建由tagName指定的HTML元素，如果tagName未被识别，则创建HTMLUnknownElement。

var element = document.createElement(tagName[, options]);

<强>的tagName

一个字符串，指定要创建的元素的类型。使用tagName的值初始化已创建元素的nodeName。请勿使用此方法使用限定名称（例如＆＃34; html：a＆＃34;）。在HTML文档上调用时，createElement（）会在创建元素之前将tagName转换为小写。在Firefox，Opera和Chrome中，createElement（null）的工作方式类似于createElement（＆＃34; null＆＃34;）。

选项（可选）

包含名为is的单个属性的可选ElementCreationOptions对象，其值是先前使用customElements.define()定义的自定义元素的标记名称。有关详细信息，请参阅Web组件example。

<强>样本

＆＃13;
＆＃13;
var btn = document.createElement("BUTTON"); // Create a <button> element var t = document.createTextNode("CLICK ME"); // Create a text node btn.appendChild(t); // Append the text to <button> btn.onclick=function(e){ alert('You have clicked me..'); } document.body.appendChild(btn); // Append <button> to <body>
＆＃13;
＆＃13;
＆＃13;

如何使用javascript创建html元素

1 个答案: