Как мне получить значение из < а >, пришедшее туда таймлифом?

Question

[Don_Conteo]

<strong><a name="caloru" th:each="elem : ${food[0]}" th:text="${elem.calories}"></a></strong>

Как мне получить значение из этой строчки? Необходимо в дальнейшем обработать его в JS, но не могу получить само значение. Должно прийти целое число в th:text.

Answer 1

[Tim]

Если я правильно понял, то примерно так

let food = [10];
let elem = {
    calories: 555
};
const html = `<strong><a name="caloru" th:each="elem : ${food[0]}" th:text="${elem.calories}">тег а</a></strong>`;

document.body.insertAdjacentHTML('beforeend', html);

const el = document.querySelector('[name="caloru"');
const thEach = el.getAttribute('th:each');
const thText = el.getAttribute('th:text');

console.log(thEach, thText);