javascript - 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)。