How to add custom attributes with special characters to elements through code?

Marko Guzvic asked February 10, 2024 18:05

Answered

Anyone knows how to add attributes to an element through custom code(I know it's possible)?

Use case would be: data-ms-content="!CMS_FIELD"
Basically need to have "!" in front of a field pulled from CMS,

2 comments

Michel Schade February 10, 2024 18:07

const element= document.querySelector("{Insert #id or .class");
element.setAttribute("data-ms-content", "!"+{CMS_FIELD});

0
Marko Guzvic OP February 10, 2024 18:07

I actually found this but forgot to send it here.

<script> document.addEventListener('DOMContentLoaded', function() { var myElement = document.querySelector('.hide-content');
myElement.setAttribute('data-ms-content', '!CMS_LINK');
}); </script>

0

Please sign in to leave a comment.