jQuery中的attr()是否强制小写？

Question

我试图操纵svg'viewBox'属性,看起来像这样:

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

运用

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

但是,这会在名为"viewbox"的元素中创建一个新属性.请注意小写而不是预期的camelCase.我应该使用另一种功能吗？

Answer 1

我能够使用纯javascript来获取元素并使用设置属性

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

和

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

Answer 2

根据http://www.w3.org/TR/xhtml1/#h-4.2“XHTML文档必须对所有 HTML 元素和属性名称使用小写。”

\n\n

因此，为了避免 XHTML 文档中的属性转换为小写，您需要使用 创建指定命名空间的元素document.createElementNS()，例如：

\n\n

var svg = document.createElementNS(\'http://www.w3.org/2000/svg\', \'svg\');\n    svg.setAttribute(\'viewBox\', \'0 0 512 512\xe2\x80\x99);\n

\n\n

如果您计划添加<use/>元素，则还需要在创建元素和属性时指定命名空间xlink:href，例如：

\n\n

var use = document.createElementNS(\'http://www.w3.org/2000/svg\',\'use\');\n    use.setAttributeNS(\'http://www.w3.org/1999/xlink\', \'xlink:href\', \'#your_svg_id\');\n

\n