Why is it not possible to use spacebars to insert a style for an HTML element?

Question

I'm really struggling with the following:

<td class="left {{tableStyle}}" {{background}} >{{value}}</td>

And my JS code:

{'background':'style="background-color:red;"'}

This results into Failed to execute 'setAttribute' on 'Element': 'style="background-color:red;"' is not a valid attribute name.

I tried insert only values (e.g. style={{data}}) etc. but this is not even possible to run.

@Amirreza Yes, I wrote it on my phone. The actual code has no typos. — Ropes
– Ropes, Commented May 14, 2024 at 16:00

Amirreza · Accepted Answer · 2024-05-14 16:10:08Z

0

Here is the corrected code:

HTML: <td class="left {{style}}" style="{{background}}">{{value}}</td>

JS: {style: 'ClassName', background: 'background-color:red;', value: 'Content'}

The anatomy of your code is wrong, it goes this way in reality: for each attribute you use in your HTML you should provide an attribute-value pair this way:

HTML: {{Attribute}}, JS: {Attribute: 'Value'}

In your original code, if overlooking the typos, there are no values for style and value parameters.

answered May 14, 2024 at 16:10

Amirreza

2482 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Why is it not possible to use spacebars to insert a style for an HTML element?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related