-1

API からいくつかのデータをフェッチし、返された要素ごとに次のコードを実行しています。


fetch("./apifiles.json").then((res) => res.json()).then((users) => {
        users.usuarios.forEach(e => {

            var div = document.createElement("DIV");

            content = `<h5>usuario:</h5> ${e.name} 
            <h5>id: </h5>${e.id}
            `;

            div.append(content)
            document.body.appendChild(div);
        });
    })

ブラウザーが「コンテンツ」変数内の HTML タグを理解して解析することを期待していましたが、これはブラウザーで得られるものです。

<h5>usuario:</h5> srth <h5>id: </h5>0
<h5>usuario:</h5> mthaz <h5>id: </h5>1
<h5>usuario:</h5> oatrz <h5>id: </h5>2

明らかに私が間違っていることがあります。ブラウザが HTML タグを理解し、期待どおりにフォーマットするにはどうすればよいですか?

ありがとう。

4

2 に答える 2

1

の代わりにdiv.append(content)、 を使用しますdiv.innerHTML = content。

Append は、文字列ではなく DOM に使用されます。

于 2019-09-03T02:49:11.133 に答える