HTML object要素での外部ファイル読み込みのメモ

createElementで動的に作成したobject要素を使用して外部テキストファイルを読み込む処理を作成したが、ファイル読み込みが行われない。

createElementでdiv要素を作成し、innerHTMLにobjectタグを格納したところ、ファイルが読み込まれるようになった。

・読み込まれなかった処理

var wkobj = document.createElement('oblect');

wkobj.setAttribute("data","data.txt");

wkobj.setAttribute("type","text/plain");

document.body.appendChild(wkobj);

・読み込まれた処理

var wkdiv = document.createElement('div');

wkdiv.innerHTML = '<object data="data.txt" type="text/plain" > </object>';

document.body.appendChild(wkdiv);

audio要素にはload()メソッドがあり、任意で読み込みが実行できそうに見えたがobject要素では相当するものが不明だったため、この変更で対策とした。

下記ページの　国語－漢字クイズ　でボタン押下後にテキストファイルの読み込みを行っています。