怎么通过javascript动态给<ul>里面的<li>里面添加<a>标签

把li的innerHTML改成带<a>标签的就行了

如果是固定链接直接加进去就行了

obj.innerHTML="<a href='http://www.baidu.com'>"+ab+"</a>"

href可以用参数传过来

改一下方法

function addli(ab,href)

{

var ul=document.getElementById("projecthome")

var obj=document.createElement("li")

obj.innerHTML="<a href='"+href+"'>"+ab+"</a>"

ul.appendChild(obj)

}

ab是要显示在链接上的字符串

href就是链接地址。

可以直接用document.getElementById("divid").innerHTML = "<p>内容</p>"的方式来写。

多个可以循环进行处理。

假设段落文本是个数组：array。

可以通过for (var i = 0i <array.lengthi++) {document.getElementById("divid").innerHTML = "<p>"+array[i]+"</p>"}的方式进行处理。

延展：

如果段落过多,直接使用 div.appendChild方法会不段刷新DIV对象,影响运行速度。

正确的方法应该使用 document对象的碎片方法。

document.createDocumentFragment 容器,最后再将这些碎片返回给DIV对象比较合理，例如:

var strArrayList=[]// 创建一个段落文本数组对象，这些段落文本可能是100个也可能是1000个。

strArrayList[0]='数据111.......'

strArrayList[1]='数据.......'

strArrayList[2]='数据.......'

strArrayList[3]='数据.......'

strArrayList[4]='数据.......'

//...数据n.....

var div=document.getElementById('div1')//获得DIV对象。

var f=document.createDocumentFragment()//创建碎片对象。

for(var i=0i<strArrayList.lengthi++){

var p=document.createElement('P')//动态创建P标签。

p.appendChild(document.createTextNode(strArrayList[i]))//段落字符串。

f.appendChild(p)//附加到碎片对象中。

}

div.appendChild(f)//最后返给DIV对象。

用jq动态添加的a标签，需要绑定点击事件才能生效。如：

JQ:

$('body').append('<div class="test">Click Me</div>')

$('.test').bind('click', function() {

  alert("点击生效")

})

---