javascript - 设置 innerHTML 不会设置它

Question

这怎么可能？

title.innerHTML = 'blah';
alert(title+' : '+title.innerHTML+' : '+title.outerHTML);

给我一个警报，说明：

[object HTMLHeadingElement] : undefined : undefined

在 Chrome v28 中。如何？

Answer 1

您需要先将元素附加到 DOM 中，然后才能访问这些属性。

完成您的createContent功能，appendChild在 DOM 中插入创建的内容，然后返回该节点。

Answer 2

我之前已将标题分配给元素的“标题”属性。

function createContent() {
    var content = document.createElement('div');
    var title = document.createElement('h1');
    content.title = title;
    return content;
}

var content = createContent();
title = content.title;
title.innerHTML = 'blah';
alert(title+' : '+title.innerHTML+' : '+title.outerHTML);

警报：

[object HTMLHeadingElement] : undefined : undefined

假设我正在使用未定义的行为（滥用标题属性）或错误。