script, его содержимое не выполняется, универсальным способом будет пройтись по добавленному куску разметки, найти все такие элементы и потом пересоздать их заменив новыми оригиналы:element.innerHTML = /* разметка */
for (const sourceElement of element.querySelectorAll('script')) {
const resultElement = document.createElement('script');
resultElement.textContent = sourceElement.textContent;
for (const attribute of sourceElement.getAttributeNames()) {
resultElement.setAttribute(attribute, sourceElement.getAttribute(attribute));
}
sourceElement.replaceWith(resultElement);
}<meta name="viewport" content="width=device-width, initial-scale=1" /><div id="app">
<div style="display: grid; grid: auto-flow / 300px minmax(0, 1fr) 200px">
<div style="background-color: tomato">1</div>
<div style="background-color: pink">
<div style="display: flex">
<div
style="
flex-basis: 50%;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
"
>
Prev pageeeeeeeeeeeeeeeeeeeeee
</div>
<div
style="
flex-basis: 50%;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
"
>
Next pageeeeeeeeeeeeeeeeeeeeee
</div>
</div>
</div>
<div style="background-color: lightblue">3</div>
</div>
</div><div data-elementor-type="product-archive" data-elementor-id="16478" class="elementor elementor-16478 elementor-location-archive product" data-elementor-post-type="elementor_library">.check__style {
display: block;
position: relative;
min-width: 19px;
height: 19px;
border: 1px solid #8c8c8c;
cursor: pointer;
margin-right: 10px;
margin-top: -1px;
}margin-right?