Javascript 使用innerHtml创建包含多个元素的div时出错

我必须使用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);

var divHriV=createElement（'div'，'divHriV'，'divHriVcss'）；
var dd=createElement（'div'，'dd'）；
dd.setAttribute（“类”、“包装器-下拉列表-3”）；
dd.setAttribute（“tabIndex”，1）；
var htmldd=“运输
”；
dd.innerHTML（htmldd）；
divHriV.appendChild（dd.childNodes）；

但当我加载页面时，会显示这样的消息

TypeError:字符串不是函数

感谢更改：（添加@epascarello的建议）

vardd=createElement（'div'，'dd'）；
dd.innerHTML（htmldd）；

致：

vardd=createElement（'div'）；
dd.innerHTML=htmldd；

innerHTML=htmldd如果要在HTML中创建一个跨度和整个列表作为字符串，为什么要用DOM创建一个div？这是什么
createElement（x，y，z）
？@epascarello@nem哦，我知道
document.createElement（“div”）
是什么。。。这与OP的情况不同。如果运行OP所拥有的，您将得到
ReferenceError:createElement未定义
OP拥有的是一些正在创建元素的自定义方法。
var dd = createElement('div', 'dd');
<!-- ... -->
dd.innerHTML(htmldd);

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