Return JavaScript into a HTML attribute

Question

How is it possible to return a string from a JavaScript Code into a HTML attribute like in the following example?

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

I can not get it right, is there a solution?

have you tried element.setAttribute()?

krato
– krato

2016-02-14 14:04:18 +00:00
Commented Feb 14, 2016 at 14:04 — krato
– krato, Commented Feb 14, 2016 at 14:04
no, how would this work?

Max
– Max

2016-02-14 14:06:25 +00:00
Commented Feb 14, 2016 at 14:06 — Max
– Max, Commented Feb 14, 2016 at 14:06

Mathews Mathai · Accepted Answer · 2016-02-14 14:10:08Z

1

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

The id of the above <div> tag is id1. So document.getElementById("id1").setAttribute("animate-duration", "your value"); selects the <div> tag and sets it's animate-duration value to whatever you set.

answered Feb 14, 2016 at 14:10

Mathews Mathai

1,70716 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

krato · Accepted Answer · 2016-02-14 14:18:44Z

0

I don't think your example will work because the script tags will only be treated as a string. I suggest you use Element.setAttribute(attribute name, attribute value) if you only want to set the attribute of the element.

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

See the following for more info:

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

answered Feb 14, 2016 at 14:18

krato

1,2464 gold badges14 silver badges31 bronze badges

Collectives™ on Stack Overflow

Return JavaScript into a HTML attribute

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related