时间戳

首页 > 解决方案 > 将 HTML 标记附加到 Javascript 中的输出函数结果

javascript - 将 HTML 标记附加到 Javascript 中的输出函数结果

问题描述

我需要的是在 h1 标签中显示函数的输出。我对引号有疑问。谢谢。

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

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

PD：我需要这样做，而不需要创建新函数来将输出更改为字符串、h、p 等。

标签： javascripthtml

解决方案

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

和

允许嵌入表达式的模板文字：

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

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

推荐阅读