How to get value attribute of element HTML in liquid?

[louis2k]

I want to get a value of the data attribute of an html tag using liquid. For example: 

<div data-text="a">a</div>

I want to assign a variable liquid to data-text.
Please help me get a solution for this problem. Thanks very much.

[PageFly-Amelia]

Hello @louis2k 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Create a attribute for this tag like id="element"

Step 2: Add code below:

<script>
const el = document.getElementById("element");
el.innerText = el.getAttribute("data-text");
</script>

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly