在javascript中序列化HTML标记/对象

Question

我知道在Javascript中序列化对象有很多问题，但我尝试在使用其中一个API的方法.getData()后将字符串序列化为JSON对象供以后使用。它返回一个字符串，但我无法获得任何属性。

以下是我所做的一个例子。我需要将其序列化为JSON对象，但它只返回给我这种类型的对象。有没有一种方法可以在使用JSON.stringtify()

序列化音频元素之后获取此音频元素的来源

http://imgur.com/K4RhCht

Answer 1

如果我正确理解你想要序列化DOM元素的属性或其中的一些属性，或者可能是附加到它的数据。您需要自己迭代它们。

Answer 2

所以你有一些HTML作为字符串，并且你想获得音频标签中属性的值？

编辑：假设您的字符串位于data变量中。

如果你正在使用jQuery：

var source = jQuery(data).attr('src');

没有jQuery，它仍然相当简单。

var container = document.createElement('div');
container.innerHTML = data;
var source = container.querySelector('audio').getAttribute('src');

Answer 3

您可以使用JSON.parse(theSerializedElement)，将其设置为您可以动态创建的HTML元素的innerHTML，然后使用DOM方法获取属性。