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

JavaScript015

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

把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就是链接地址。

这是使用js增加li的示例,供您参考:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>js增添li元素</title>

</head>

<body>

<ul id='ul1' onClick="add()">

  <li>点击这里增加一个li行</li>

</ul>

<script>

    var cnt = 1 // 用于行计数

    function add() {

        var elem_li = document.createElement('li') // 生成一个 li元素

        elem_li.innerHTML = '这是增加的一行' + cnt ++ // 设置元素的内容

        document.getElementById('ul1').appendChild(elem_li) // 添加到UL中去

    }

</script>

</body>

</html>

运行结果: