1

Пытаюсь изменить один DOM элемент, на другой. При этом, обращаюсь к нему просто как к тексту, передавая параметр this из функции:

<button class="btn btn-primary" onclick="addToCart('{{ $meal->id }}', this)">

...


        let addToCart = (id, caller) => {
            caller.replaceWith("<h1>helloworld</h1>");
        }

По итогу, функция заменяет кнопку, без взаимодействия с тегами, то есть на выходе я получаю: введите сюда описание изображения

Я НЕ МОГУ обратиться к элементу иначе, потому что кнопки находятся в Blade-овском цикле, и уникальный идентификатор им не присвоишь.

1 ответ 1

1
  1. Создаете нужный элемент через document.createElement;
  2. Задаете ему все, что необходимо;
  3. Делаете replaceWith, но в него передаете созданный элемент, а не строку.

Пример на основе вашего:

let addToCart = (id, caller) => {
    let newElem = document.createElement('h1');
    newElem.innerText = 'helloWorld!';
    caller.replaceWith(newElem);
}
<button class="btn btn-primary" onclick="addToCart('{{ $meal->id }}', this)">abc</button>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.