javascript - 使用 innerHtml 创建包含许多元素的 div 时出错

Question

我必须使用 DOM 和 javascript 创建这个 div 元素:

<div id="dd" class="wrapper-dropdown-3" tabindex="1">
<span>Transport</span>
<ul class="dropdown">
    <li><a href="#"><i class="icon-envelope icon-large"></i>Classic mail</a></li>
    <li><a href="#"><i class="icon-truck icon-large"></i>UPS Delivery</a></li>
    <li><a href="#"><i class="icon-plane icon-large"></i>Private jet</a></li>
</ul>
</div>

我试试这个:

var divHriV = createElement('div', 'divHriV', 'divHriVcss');
var dd = createElement('div', 'dd');
dd.setAttribute("class","wrapper-dropdown-3");
dd.setAttribute("tabIndex",1);
var htmldd = "<span>Transport</span><ul class='dropdown'><li><a href='#'><i class='icon-envelope icon-large'></i>Classic mail</a></li><li><a href='#'><i class='icon-truck icon-large'></i>UPS Delivery</a></li><li><a href='#'><i class='icon-plane icon-large'></i>Private jet</a></li></ul>";
dd.innerHTML(htmldd);
divHriV.appendChild(dd.childNodes);

但是当我加载页面时会出现一条消息

TypeError: string is not a function

谢谢

Answer 1

更改:(添加@epascarello 的建议)

var dd = createElement('div', 'dd');
<!-- ... -->
dd.innerHTML(htmldd);

收件人:

var dd = createElement('div');
<!-- ... -->
dd.innerHTML = htmldd;