innerHTML - 让我疯狂

Question

我有一个简单的JavaScript事情，这让我疯狂。

而不是输出是与'subSectionNames [i]'作为文本的链接（我尝试用简单的“测试”替换，但结果是相同的：它将URI作为明文吐出：“domain.com /resume.php“。没有任何链接。

思想？

测试的受控假设：

var subSectionNames = Array("Hired Positions", "Contract Positions");
resume.addSubSections(subSectionNames);

（介于两者之间）

this.addSubSections = function(subSectionNames) {
            subSectionHeading = document.createElement('span');
            subSectionHeading.setAttribute('id', 'subHeading');
            subSectionHeading.setAttribute('class', 'resumeSubHeading');
            for (var i=0;i<subSectionNames.length;i++) {
                    var link = document.createElement('a');
                    link.setAttribute('class', 'resumeSubHeadingLink');
                    link.setAttribute('href', '#');                 
                    var clickEvent = "showSubHeading('" + subSectionNames[i] + "')";
                    link.setAttribute('onClick', clickEvent);
                    link.innerHTML=subSectionNames[i];
                    link.innerHTML="test"+i;
                    subSectionHeading.innerHTML = subSectionHeading.innerHTML + link;
            }
            document.getElementById('leftInner').appendChild(subSectionHeading);
    }

Answer 1

您无法将innerHTML设置为DOM对象---它只保留一个字符串！相反，请使用subSectionHeading.appendChild(link)。