javascript - 関数を使用して div に追加する

Question

以下にこの関数があり、その結果を test という div 内に追加する必要があります。どうすればできますか？

function(response) {
    alert('Your name is ' + response[0].name);
}

Answer 1

私はあなたが次のようなものを持っていると思います：

<div id="test"></div>

HTMLで。

response[0].nameまた、関数にreturnステートメントがないため、の値を追加したいと思います。

その場合：

var testdiv = document.getElementById("test");
testdiv.innerHTML += response[0].name;

Answer 2

そこにあるものを上書きするだけでなく、データを追加するには、これを使用する必要があります

function(response) {
    //Get current HTML in div
    current = document.getElementById('test').innerHTML;
    //Add your code to the current HTML.  You may want a <br /> in there.
    document.getElementById('test').innerHTML = current + 'Your name is ' + response[0].name;
}

もちろん、これは次のように要約できます。

document.getElementById('test').innerHTML += 'Your name is ' + response[0].name;