使用javascript动态向列表中添加锚点时出现问题

我使用javascript从JSON对象动态创建无序列表

function renderList(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(renderList(branch.branches));
        }
        ul.appendChild(li);
    }      
    return ul; 
}

function renderTree()
    {
    var treeRoot = document.getElementById("tree");
    var treeObj = {"root":
            [{
                   "name": "File",
                   "branches":[
                 {"name": "New"},
                             {"name": "Save"},
                             {"name": "Exit"}
                               ]  
                }]
          };
    treeRoot.appendChild(renderList(treeObj.root));
}

函数renderList（分支）{
var ul=document.createElement（“ul”）；
对于（var i=0，n=branchs.length；i将行
li.appendChild（text）；
中的
文本替换为锚节点：

function renderList(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);

        // new code here
        var a = document.createElement("a");
        a.setAttribute('href', 'http://yahoo.com')
        a.appendChild( text );
        //

        li.appendChild( a );
        ...

函数renderList（分支）{
var ul=document.createElement（“ul”）；
对于（var i=0，n=branchs.length；i