0

HTMLデータを含む文字列をdiv要素に挿入するメソッドを探しています。文字列はXHRを介して読み込まれ、その中にどの要素などが含まれているかを知る方法はありません。

私は少し探し回って、役立つかもしれないが、私にとっては完全には機能しないいくつかのことを見つけました。必要なのは、Prototypeフレームワークのupdate（）関数に似たものです：http： //prototypejs.org/api/element/update

私が書いているプラ​​ットフォームでは、フレームワークやJQueryを使用できません。私はJavascriptで立ち往生しています。誰かアイデアはありますか？

更新や関数、または基本的にロード時に発生するはずの何かを適用しないため、innerHTMLを使用できません

発生する必要のあるイベントがいくつかonloadありますが、私が知っている限り、innerHTMLを使用してもonloadイベントは実行されません。私は間違っていますか？

2年後の編集：他の人が読んでいる人にとって、私はこの出来事について深刻な誤解を持っていonloadました。それは要素に対してのみ有効であるのに対し、私はそれがどの要素に対しても有効なイベントであると予想しました<body/>。 .innerHTMLは私が探していたものを実行するための適切な方法であり、追加された要素の追加機能は、他の方法で手動で実行する必要があります。

4

5 に答える 5

5

HTMLElementinnerHTMLプロパティ

innerHTMLプロパティは、要素の内部HTMLを設定または返します。

HTMLElementObject.innerHTML=text

例： http： //jsfiddle.net/xs4Yq/

于 2012-07-10T21:18:30.603 に答える
4

あなたは2つの方法でそれを行うことができます：

var insertText = document.createTextNode(theText);
                 document.getElementById("#myid").appendChild(insertText);

また object.innerHTML=text

于 2012-07-10T21:19:47.103 に答える
2

HTMLデータを含む文字列をdiv要素に挿入するメソッドを探しています。

使用したいのはinnerHTMLプロパティです。

使用例：

<script type="text/javascript">
function changeText(){
    document.getElementById('boldStuff').innerHTML = '<p>Universe</p>';
}
</script>
<p>Hello <b id='boldStuff'>World</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/>
于 2012-07-10T21:19:51.753 に答える
1

こういう意味ですか？： http： //jsfiddle.net/FgwWk/1または、さらに追加する前にdivに何かがありますか？

于 2012-07-10T21:24:15.863 に答える
1

プレーンJS。element.insertAdjacentHTML（position、text）;を使用するだけです。

position = "beforebegin" | 「アフタービギン」| 「ビフォアエンド」| 「アフターエンド」

var text = '<a  class="btn btn-blue btn-floating waves-effect">\n' +
            '<i class="fas fa-user"><span class="badge badge-danger"></span></i>\n' +
            '</a>';
var inputPlace = document.getElementById("input-pace");

inputPlace.insertAdjacentHTML("beforeend", text);
于 2020-03-18T15:50:52.647 に答える