DOM元素的序列化

new code Boy

已于 2023-05-10 10:48:33 修改

阅读量230

点赞数

文章标签： html css html5

于 2023-05-06 18:06:13 首次发布

本文链接：https://blog.csdn.net/qq_46344419/article/details/130533042

版权

将 DOM 元素序列化（serialize）为字符串可以使用 XMLSerializer 对象的 serializeToString() 方法。

const element = document.getElementById('myElement');

// 将 DOM 元素序列化为字符串
const serializer = new XMLSerializer();
const serializedElement = serializer.serializeToString(element);

console.log(serializedElement); // 输出序列化后的字符串

将字符串反序列化（deserialize）为 DOM 元素可以使用 DOMParser 对象的 parseFromString() 方法。

const serializedElement = '<div id="myElement">Hello, world!</div>';

// 将字符串反序列化为 DOM 元素
const parser = new DOMParser();
const element = parser.parseFromString(serializedElement, 'text/html').body.firstChild;
或
const element = parser.parseFromString(serializedElement, "application/xml");XML 片段转换为 DOM 树

console.log(element); // 输出反序列化后的 DOM 元素