html 属性中的大写字母

Posted 2023-05-08

【中文标题】html 属性中的大写字母

【英文标题】：Capital letters in html attributs

【发布时间】：2020-11-27 12:35:10

【问题描述】：

我想在我的图表上添加动画。我正在使用 jquery(append) 在我的 html 页面上添加动画标签，但动画不起作用。 动画标签属性（如属性名或重复计数）有一个大写字母，如果我使用 attr 方法或其他方法添加它，大写字母将被忽略，动画不起作用。

<rect fill="#555"   x="0" y="0">  
  <animate attributename="x" from="0" to="0" attributename="XML" dur="1.5s" repeatcount="indefinite"></animate>
  <animate attributename="y" from="0" to="0" attributetype="XML" dur="1.5s" repeatcount="indefinite"></animate>
</rect>

【问题讨论】：

这能回答你的问题吗？ Get data from dynamically added element on click

从您的问题中挑选一些要点：1 大写（大小写混合）和jquery.append() - 属性区分大小写，但 jquery.append 将您的 html 属性转换为小写。有关示例，请参见 ***.com/a/63244784/2181514。

【参考方案1】：

那是因为您正在从 0 移动到 0。如果您尝试输入大写字母并告诉框移动（比如说从 0 到 2），您会看到一些东西 :)

<svg viewBox="0 0 10 10">
  <rect fill="#555"   x="0" y="0">
    <animate attributeName="x" from="0" to="2" attributeName="XML" dur="1.5s" repeatCount="indefinite"></animate>
    <animate attributeName="y" from="0" to="2" attributeType="XML" dur="1.5s" repeatCount="indefinite"></animate>
  </rect>
</svg>

【讨论】：

这只是一个例子我的问题是属性名我不能用大写字母添加属性名。你有解决方案吗？