在HTML中将HTML标记附加到输出函数结果

Question

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

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

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

PD：我需要这样做，而无需创建新函数来将输出更改为字符串，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>