innerHTMLの対象が動的に変わる場合…

質問

innerHTMLで、一部だけDBを見に行った値に書き換えたいと思っています。

htmlファイルはバッチで作られていて、IDが固定ではなく、動的に変化する…
たとえば、場合によって、
<div id="target1"></div>
だけのこともあれば、
<div id="target1"></div>
<div id="target2"></div>
と、2箇所をinnerHTMLの対象としたいこともあります。

バッチで作るのはHTML部分、しかもIDのところだけで、JavaScriptは別ファイルを
読むだけで動的に変えることが出来ず、困っています。
規則性があるIDであれば、全部innerHTMLの対象にできるような書き方があれば
良いのですが、ご存知でしたら教えていただけないでしょうか。

回答No.2

babu_baboo · ベストアンサー

function setElementsInnerHTML (target, aryHTML) {
　Array.prototype.forEach.call (document.querySelectorAll (target),
　　 (function (e, i) { e.innerHTML = this[i]; }), aryHTML);
}

setElementsInnerHTML ('div[id^="target"]', ['123', '456']);

回答No.1

hyter

> 規則性があるIDであれば、全部innerHTMLの対象にできるような書き方

こんな感じでどうでしょう？

=====================
var strSample = "AAA";
var arrDivElements = new Array;

// DIV要素を全て取得
arrDivElements = document.getElementsByTagName( "div" );

// DIV要素分ループ
for ( var i = 0; i < arrDivElements.length; i++ ) {
　// IDが"target+数値"であれば内容を差し替え
　if ( arrDivElements[i].id.match(/^target[0-9]/i) ) {
　　arrDivElements[i].innerHTML = strSample;
　}
}
=====================