在一个object类型的html元素中附加JS对象



你好,我想如果有办法在html标签内添加一个javaScript对象,但我希望它是一个类型的对象,而不是字符串。

要更清楚,这里有一个例子:

const codeEl = document.querySelector('div')
let obj = {
"test": 1,
"test2": 2
}
codeEl.textContent = JSON.stringify(obj)

代码的输出将是HTML元素中字符串类型的对象。但问题是我不想把对象转换成字符串;我希望它的实际对象类型显示在HTML元素中(用于某些库使用目的)

字符串是什么将被渲染到DOM,传递一个对象将要么渲染对象作为一个字符串或抛出一个错误(我不记得)。如示例中所示,对JSON进行字符串化是正确的方法。然后您可以稍后抓取内容并使用JSON.parse()将其解析为JSON(可以在这里找到相关文档)。

如果我可以问,你输出一个变量到DOM的原因是什么?这将是在一个隐藏的领域从不同的脚本/库访问?这不是可以在脚本内部完全处理而不影响DOM的事情吗?

相关内容

  • 没有找到相关文章

最新更新