Ошибка при создании DIV со многими элементами с innerHtml

Question

Я должен создать этот DIV элемент с DOM и JavaScript:

<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); 

To:

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