У вас есть общий контейнер, который содержит все ваши кнопки -
post_content m20
У меня же в пример это -
container
При нажатии на container, проверяется, была ли нажата кнопка (можно ведь кликнуть по контейнеру между кнопок).
После нажатия, через свойство
nextElementSibling берется iframe, читается его data-src и записывается в переменную link. Дальше создаем атрибут srс и в качестве значения помещаем туда этот link.
И после не забываем удалить data-srс, так как он больше не нужен.
Вот пример:
То есть вам только остается вставить код ниже, и к src в iframe добавить data-, то есть - data-src.
<!--Было так: --> <iframe src="src"></iframe>
<!--Стало так: --> <iframe data-src="src"></iframe>
document.querySelector('.post_content.m20').onclick = event => {
const element = event.target.closest('.title_spoiler');
if (element) {
const frame = element.nextElementSibling;
const link = frame.dataset.src;
frame.setAttribute('src', link);
frame.removeAttribute('data-src');
}
}
