How to serialize DOM node to JSON even if there are circular references?

by

http://jsonml.org/ takes a shot at a grammar for converting XHTML DOM elements into JSON. An an example:

<ul>
    <li style="color:red">First Item</li>
    <li title="Some hover text." style="color:green">Second Item</li>
    <li><span class="code-example-third">Third</span> Item</li>
</ul>

becomes

["ul",
    ["li", {"style": "color:red"}, "First Item"],
    ["li", {"title": "Some hover text.", "style": "color:green"}, "Second Item"],
    ["li", ["span", {"class": "code-example-third"}, "Third"], " Item" ]
]

Haven’t used it yet, but thinking about using it for a project where I want to take any web page and re-template it using mustache.js.

More Related Contents:

  1. How to restore circular references (e.g. “$id”) from Json.NET-serialized JSON?
  2. Convert form data to JavaScript object with jQuery
  3. Serializing to JSON in jQuery [duplicate]
  4. Stringify (convert to JSON) a JavaScript object with circular reference
  5. How to stringify event object?
  6. How do I serialize a DOM to XML text, using JavaScript, in a cross browser way?
  7. Javascript: stringify object (including members of type function)
  8. Re-associating an object with its class after deserialization in Node.js
  9. Best practice for embedding arbitrary JSON in the DOM?
  10. Issue with JSON.stringify adding a extra \ and “” to my Json object
  11. Why does JSON.stringify not serialize non-enumerable properties?
  12. How to insert into JSON?
  13. Is the order of elements in a JSON list preserved?
  14. jQuery.parseJSON throws “Invalid JSON” error due to escaped single quote in JSON
  15. How can I count text lines inside an DOM element? Can I?
  16. querySelector, wildcard element match?
  17. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  18. Angular 5 Service to read local .json file
  19. Copy / Put text on the clipboard with FireFox, Safari and Chrome
  20. JavaScript accessing inner DOM of SVG
  21. How to use Select2 with JSON via Ajax request?
  22. How to give a Blob uploaded as FormData a file name?
  23. Not a Legal JSONP API — How to get data without CALLBACK parameter
  24. What is the difference between Document and document in JavaScript?
  25. Retrieving value from with multiple option in React
  26. IE10/11 Ajax XHR error – SCRIPT7002: XMLHttpRequest: Network Error 0x2ef3
  27. TypeError: Converting circular structure to JSON in nodejs
  28. JSON to string variable dump
  29. How to prevent an iframe from reloading when moving it in the DOM
  30. XML parser for JavaScript [closed]

Leave a Comment