Is it possible to manipulate an SVG document embedded in an HTML doc with JavaScript?

Question

I have made a SVG image, or more like mini application, for viewing graphs of data. I want to include this in a HTML page, and call methods on the SVG image.

Example

Answer 1

Things are actually simpler than you expect. You do not really need to read convoluted tutorial to understand the concept, neither do you have to use JQuery. Here is the basic layout:

• A JavaScript function in your html document.

• An SVG element that we are trying to manipulate.

• An inline Button that would trigger the change. Notice that in my example the event can also be triggered by clicking on the cube itself.

  Click