var request = require("request");
request("https://jsonplaceholder.typicode.com/users/1", function(
error,
response,
body
) {
if (!error && response.statusCode == 200) {
//Things worked!
var parsedData = JSON.parse(body);
console.log(parsedData);
document.getElementById(
"text"
).innerHTML = `${parsedData.name} lives in Saint John NB.
Her street name is ${parsedData.address.street}`; //This should be a new line??????
}
});
Kann jemand erklären, warum mein Vorlagenliteral hier keine neue Zeile enthält?
Das Vorlagenliteral enthält eine neue Zeile. Wenn der Browser den HTML-Code rendert, wird die Zeile erneut umbrochen.
Wenn Sie den Text anzeigen möchten, ohne ihn neu zu formatieren, fügen Sie ihn in ein <pre>Element ein oder setzen Sie den Stil des Elements white-space: pre;mit CSS auf.
Oder verwenden Sie <br>im HTML:
if (!error && response.statusCode == 200) {
//Things worked!
var parsedData = JSON.parse(body);
console.log(parsedData);
document.getElementById(
"text"
).innerHTML = `${parsedData.name} lives in Saint John NB.<br>
Her street name is ${parsedData.address.street}`; //This should be a new line??????
}
Oder zuweisen .innerTextstatt .innerHTML, behält dies Zeilenumbrüche bei (aber keine andere Formatierung wie Einrückung).
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen