在Javascript中附加HTML标签以输出函数结果

Question

我需要的是在h1标签中显示函数的输出。我的报价有问题。谢谢。

$("#pTempActual").append("<h1>"'_datosClima.main.temp+"ºC"'"</h1>");

_datosClima.main.temp是保存结果的变量，您可以将其作为问题的数字。 ºC是一个字符串。

PD：我需要这样做，不需要创建新的函数来将输出更改为string，h，p等。

Answer 1

您可以使用Element.insertAdjacentHTML() 将指定的文本解析为HTML或XML，并将结果节点插入到指定位置的DOM树中。

和

Template Literals允许嵌入式表达式：

var _datosClima = {main: {}};
_datosClima.main.temp = 33;

document.getElementById("pTempActual").insertAdjacentHTML('beforeend', `<h1>${_datosClima.main.temp}ºC</h1>`);

<p id="pTempActual"></p>