javascript - 无法访问属性

Question

我在使用 jQuery attr 命令修改 HTML 元素的属性时遇到问题。我有一个脚本，它插入一个 SVG 元素和一个子元素，该子元素具有属性 stdDeviation。你可以看到 D 字母是大写。

当我尝试使用

获取属性时

$("#myparentdiv feGaussianBlur").attr("stdDeviation"), 

无法检索该属性，因为该属性未找到。我尝试在代码中将 stdDeviation 属性设置为小写，但是当我尝试使用小写访问它时，它显示在 Internet Explorer 11(在此浏览器上调试)中，带有 D 为大写而不是小写。

当我尝试编写属性时，它把第二个属性放入小写，所以我得到了其中两个属性，一个是小写 D，一个是大写。

我不知道应该归咎于 jQuery 还是 IE11，而且似乎无法解决这个问题。有什么想法吗？

代码(设置属性后):

<div id="some_id_1">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <defs>
      <filter id="t3">
        <feGaussianBlur stdDeviation="0" stddeviation="39" />
       </filter>
    </defs>
     <image filter="url(&quot;#t3&quot;)" x="0" y="0" width="350.048px" height="768.75px" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="images/test1.png" />
 </svg>
 </div>

尝试从代码访问它:

  $("#some_id_1 " + "feGaussianBlur").attr("stdDeviation", radius);

它的作用:将属性设置为小写而不是我用大写写的。可以看到更新后显示了两次。

Answer 1

您需要确定 feGaussianBlur 是否是一个类，您以这种方式选择它(前面的句号):

$("#myparentdiv .feGaussianBlur").attr("stdDeviation")

如果是ID，这样选择:(#在前面)

$("#myparentdiv #feGaussianBlur").attr("stdDeviation")

希望对您有所帮助!