将 JavaScript 返回到 HTML 属性中

Return JavaScript into a HTML attribute

本文关键字：属性 HTML JavaScript 返回      更新时间：2023-09-26

如何将字符串从JavaScript代码返回到HTML属性中，如以下示例所示？

<div class="xx" animation="yy" animate-duration="<spript>Code goes here<script>" ...>
</div>

我做不好，有解决办法吗？

<div class="xx" id="id1" animation="yy"></div>
<script>
document.getElementById("id1").setAttribute("animate-duration", "your value");
</script>

上述<div>标签的id id1 。因此，document.getElementById("id1").setAttribute("animate-duration", "your value");选择<div>标签并将其animate-duration值设置为您设置的任何值。

我认为您的示例不起作用，因为脚本标签只会被视为字符串。如果您只想设置元素的属性，我建议您使用 Element.setAttribute(attribute name, attribute value)。

<div class="xx"></div>
<script>document.querySelector(".xx").setAttribute("animate-duration", "value");</script>

有关详细信息，请参阅以下内容：

https://developer.mozilla.org/en/docs/Web/API/Element/setAttribute

相关文章：