javascript - 如何使用 stringify 函数将具有 html 对象的 JSON 中的字符串转换？

Question

在包含 HTML 元素对象键“elem”的对象中

var obj = {
   param1:"",
   elem:document.createElement('script').textContent = 'alert("JSON stringify")';
}

我尝试使用

将 obj 转换为字符串

JSON.stringify(obj);

它只获取 elem 作为空对象。

{
"param":"",
"elem":{}
}

我的问题是:

1. 为什么在 JSON 中调用 stringify 函数时返回空对象？
2. 是否可以将 HTML 元素也转换为字符串？

Answer 1

试试这个:

var elemString = document.createElement('script').textContent = 'alert("JSON stringify")';

var obj = {
   param1:"",
   elem: elemString 
}

var objectString = JSON.stringify(obj);

console.log(objectString);


var elemString2 =  " document.createElement('script').textContent = 'alert(\"JSON stringify\")'";

var obj2 = {
   param1:"",
   elem: elemString2 
}

var objectString2 = JSON.stringify(obj2);

console.log(objectString2);

<强>1。为什么在 JSON 中调用 stringify 函数时返回空对象？

Ans:因为您添加 elem 的方式没有将其转换为字符串值，所以它没有被存储。而且它实际上会抛出一个错误。

<强>2。是否可以将 HTML 元素也转换为字符串？

答:是的。查看我提供的代码示例。