Javascript 在特定div的ul中插入li元素

我想使用JavaScript将新的li元素插入到现有的ul中。新的锂元素将是ul中的最后一项

<div id="foo">
   <div>
     <ul>
       <li></li>
       <li></li>
       ....insert html here....
     </ul>    
   </div>
</div>

…在此处插入html。。。。

应该尽可能简单

var ul = document.querySelector('#foo ul');
var li = document.createElement('li');

li.innerHTML = 'new LI';
li.className = 'someclass';

ul.appendChild(li);

或者在jQuery中

$('#foo ul').append( $('<li />', {text : 'new LI'}) );

$（'#foo ul'）。追加（$（'
'，{text:'new li'}））；

试试“.append（）”

$（'foo ul'）。追加（'li/>'）




…在此处插入html。。。。

谢谢，但我忘了在我的原始帖子中添加li元素都有类。在添加新的li元素时，我将如何添加class属性？@DM-您只需修改
className
属性，如上图所示，谢谢。有没有一种方法也可以使用jQuery添加类？