Question

我的Javascript代码如下所示：

function to_ul(branches) {
var ul = document.createElement("ul");


for (var i=0, n=branches.length; i<n; i++) {
  var branch = branches[i];
  var li = document.createElement("li");


    var text = document.createTextNode(branch.name);
    li.appendChild(text);

    if (branch.branches) {
         li.appendChild(to_ul(branch.branches));
         li.className="parent";
    }

    ul.appendChild(li);        
}
return ul;
}

它工作正常（文本分支是JSON）但是如何在没有jQuery的情况下向列表项中的文本添加href #链接？

Answer 1

替换

var text = document.createTextNode(branch.name);

符合：

var text = document.createElement('a');
text.setAttribute('href', '#');
text.innerHTML = branch.name;

编辑：您也可以使用

代替innerHTML

text.appendChild(document.createTextNode(branch.name));

Answer 2

在你的循环中，只需在<a>之后创建另一个元素<li>：

var li = document.createElement("li"); // your code
var a = document.createElement("a");
a.href = "http://whatever"; // or a.href = "#"+branch.name
a.innerHTML = "link name";
li.appendChild(a);

如何在没有jQuery的情况下将href添加到li？

2 个答案: