javascript - innerHTML を設定しても設定されない

Question

これはどのように可能ですか？

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

次のようなアラートが表示されます。

[object HTMLHeadingElement] : undefined : undefined

Chrome v28 で。どのように？

Answer 1

最初に要素を DOM に追加する必要があります。その後、それらのプロパティにアクセスできるようになります。

作成したコンテンツを DOM に挿入し、そのノードを返すようにcreateContent関数を完成させます。appendChild

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

未定義の動作 (タイトル属性の誤用) またはバグを使用していると仮定します。