Does the attr() in jQuery force lowercase?

javascript jquery svg attr lowercase
bzuillsmith picture bzuillsmith · Sep 11, 2012 · Viewed 7k times · Source

I'm trying to manipulate the svg 'viewBox' attribute which looks something like this:

<svg viewBox="0 0 100 200" width="100" ...> ... </svg>

Using

$("svg").attr("viewBox","...");

However, this creates a new attribute in the element called "viewbox". Notice the lowercase instead of intended camelCase. Is there another function I should be using?

Answer

bzuillsmith picture bzuillsmith · Sep 11, 2012

I was able to use pure javascript to get the element and set the attribute by using

var svg = document.getElementsByTagName("svg")[0];

and

svg.setAttribute("viewBox","...");

Related questions

jQuery attr() fails to set attribute

I am trying to rotate an image via svg's transform. This is the code I have: <svg width="100" height="100"> <image id="trns" transform="rotate(90,50,50)" width="100" height="100" xlink:href="logo.png"/> </svg> This successfully rotates …

Read More
How to use z-index in svg elements?

I'm using the svg circles in my project like this, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <…

Read More
jQuery SVG, why can't I addClass?

I am using jQuery SVG. I can't add or remove a class to an object. Anyone know my mistake? The SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> The jQuery that won't add the class: $(".jimmy").…

Read More