JavaScript accessing inner DOM of SVG

by

You need to wait until the SVG is loaded and than you can access the contentDocument:

 var mySVG = document.getElementById("SVG");
 var svgDoc;
 mySVG.addEventListener("load",function() {
      svgDoc = mySVG.contentDocument;
      alert("SVG contentDocument Loaded!");
 }, false);

More Related Contents:

  1. How to check if an embedded SVG document is loaded in an html page?
  2. Add SVG element to existing SVG using DOM
  3. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  4. Accessing a DOM object defined in an external SVG file
  5. SVG get text element width
  6. How do I manipulate the SVG DOM and create elements?
  7. Create a table in SVG
  8. How to find event listeners on a DOM node in JavaScript or in debugging?
  9. Is there a spec that the id of elements should be made global variable?
  10. Check if an element contains a class in JavaScript?
  11. Chrome extension – retrieving global variable from webpage
  12. How can I loop through ALL DOM elements on a page?
  13. Changing SVG image color with javascript
  14. JavaScript DOM: Find Element Index In Container
  15. How to create Document objects with JavaScript
  16. Adding an onclick event to a table row
  17. Unable to understand useCapture parameter in addEventListener
  18. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  19. Change ‘s option and trigger events with JavaScript
  20. How to unload a javascript from an html?
  21. How to draw a path smoothly from start point to end point in D3.js
  22. Should I use document.createDocumentFragment or document.createElement
  23. How to get nodes lying inside a range with javascript?
  24. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  25. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  26. Is it possible to get element’s numerical index in its parent node without looping?
  27. Is there any way of passing additional data via custom events?
  28. What damage is done by document.write()? [duplicate]
  29. In JavaScript, how can I replace text in an HTML page without affecting the tags?
  30. Removing element with jQuery?

Leave a Comment