Return JavaScript 变成 HTML 属性

Question

如何将来自 JavaScript 代码的字符串 return 转换为 HTML 属性，如下例所示？

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

我搞不定，有解决办法吗？

Answer 1

<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 值设置为您设置的值。

Answer 2

我认为您的示例不会起作用，因为脚本标记只会被视为字符串。如果你只想设置元素的属性，我建议你使用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

Return JavaScript 变成 HTML 属性

Return JavaScript into a HTML attribute

html

javascript

css

attributes

element