2014-09-24 76 views
0

创建与许多元素一个div当我要创建与DOM和JavaScript这个div元素:错误与innerHTML的

<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

感谢

+2

'的innerHTML = htmldd;'https://developer.mozilla.org/en-US/docs/Web/API /Element.innerHTML – melancia 2014-09-24 20:33:57

+0

为什么只用DOM创建一个div,如果你要创建一个span和整个列表作为字符串innerHTML? – LcSalazar 2014-09-24 20:36:55

+0

这是什么'createElement(x,y,z)'? – epascarello 2014-09-24 20:43:16

回答

1

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

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

到:

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