设置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

我以前为元素的'title'属性分配了标题。

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

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