Removechild js не работает

RemoveChild не работает

У меня проблема с использованием функции удаления javascript. Вот мой сценарий:

3 ответа

Вы используете jQuery в своей первой функции, поэтому самый простой способ удалить этот элемент был бы с jQuery:

Вот как вы можете сделать то же самое с простым JavaScript:

Чтобы упростить ситуацию, читайте > как «потомок:

Из того, что я могу сказать, проблема в том, что textarea > label > li > ol . Единственный элемент, фактически имеющий идентификатор — это

, поэтому для удаления метки (как показано на рисунке) измените delIt на:

Поскольку мы не можем видеть HTML, я не уверен, в чем проблема, кроме как, как отметил Марк Б., что njajal не является родителем eleID. Чтобы исправить это, я бы порекомендовал:

Решения, представленные до сих пор, не будут работать, потому что tinymce НЕ является текстовой областью !! Tinymce инициализируется с использованием содержимого указанного html-элемента — в данном случае текстовой области. После инициализации создается iframe с contenteditable body, где пользователи могут редактировать HTML-контент.

Для того, чтобы избавиться от редактора tinymce, вам необходимо сначала закрыть его:

Во-вторых, вы можете удалить начальные элементы html, такие как label и textarea , как показывают другие решения вашего вопроса.

Мне просто интересно, почему у вас на странице есть два редактора tinymce? Для меня это выглядит так, как будто вы предпочитаете инициализировать только одну из них, а не удалять вторую.

Источник

Javascript removeChild не работает должным образом

У меня есть код, который получает имена персонажей и пол после нажатия на название фильма. Эта информация появляется в модальном окне, и моя цель — удалять HTML-элемент с символами каждый раз, когда я закрываю модальный, поэтому, если я выберу другой фильм, появится новый набор символов, а старый уже будет удален.

Проблема в том, что removeChild метод не работает, как ожидалось. Я пробовал разные варианты, в том числе parentNode но ничего не помогло.

Любая помощь будет оценена.

2 ответа

Проблема в том, что вы используете тот же ol элемент при добавлении символов в список, так как вы создаете его экземпляр в начале и повторно используете его позже: let charsList = document.createElement(‘ol’);

Когда вы закроете модальное, вы удалите это ol элемент из модального, но вы не будете удалять его содержимое. При повторном открытии модального ol будет добавлено снова — с вашим старым контентом.

Если вы переместите декларацию charsList внутри вашего обработчика onclick, он будет работать.

Кроме того, вы должны зарегистрировать закрывающие обработчики вашего мода только один раз. В противном случае он будет вызываться так же часто, как вы открываете свой модал.

Сделай это charsList.innerText = »; когда нажмите кнопку закрытия.

Когда вы звоните removeChild вы снимаете

от модального тела в пользовательском интерфейсе. Вы можете увидеть modalBody пусто после нажатия кнопки закрытия.

Но вы уже храните

элемент в переменной js let charsList = document.createElement(‘ol’); так что ol сам элемент не меняется на самом деле.
элемент все еще внутри
, Затем вы добавляете больше нового
и положить его обратно modalBody ,

Мое решение удалить все элементы в

при нажатии кнопки закрытия.

Источник

RemoveChild не работает

У меня проблема с использованием функции удаления JavaScript javascript. Вот мой сценарий:

Screnshot:

3 ответа

Вы используете jQuery в своей первой функции, поэтому самый простой способ удалить этот элемент был бы с jQuery:

Вот как вы можете сделать то же самое с простым javascript:

РЕДАКТИРОВАТЬ:

Чтобы было проще читать > как «дитя:

Из того, что я могу сказать, проблема в том, что textarea > label > li > ol , Единственный элемент, фактически имеющий идентификатор

поэтому для удаления метки (как показано на рисунке) измените delIt на:

Поскольку мы не можем видеть HTML, я не уверен, в чем проблема, кроме как, как отметил Марк Б., что njajal не является родителем eleID. Чтобы исправить это, я бы порекомендовал:

Решения, представленные до сих пор, не будут работать, потому что tinymce НЕ является текстовой областью!! Tinymce инициализируется с использованием содержимого указанного html-элемента — в данном случае текстовой области. После инициализации создается iframe с contenteditable body, где пользователи могут редактировать HTML-контент.

Для того, чтобы избавиться от редактора tinymce, вы должны сначала закрыть его:

Во-вторых, вы можете удалить начальные элементы HTML, такие как label а также textarea как показывают другие решения вашего вопроса.

Мне просто интересно, почему у вас на странице есть два редактора tinymce? Для меня это выглядит так, как будто вы предпочли бы инициализировать только одну из них вместо удаления второй впоследствии.

Источник

removeChild в javascript/DOM работает некорректно, если в функции присутствует более одного

UPDATE: здесь ссылка JsFiddle: http://jsfiddle.net/zAVFv/

Кажется, что он не работает в JsFiddle, но предположим, что он служит для отображения всего кода — html, css и Js.

Я столкнулся с очень странной ситуацией в редактировании DOM с помощью Javascript. Мой пример кода ниже. В принципе, swapCells будут иметь два объекта, каждый из которых имеет по 2 ребенка: один является элементом img, а другой — текстовым. Я хочу видеть, как работает removeChild.

Я отметил две строки, из которых начинается вся путаница. проблема №1 находится в строке, где исходный код имеет дочерний элемент, проблема №2 — это когда lastChild удаляется из destinationTD.

Позвольте мне объяснить, как работает приведенный ниже код: a) когда в коде присутствует только строка с номером 1, дочерний элемент sourceTD удаляется, выход говорит, что источник имеет 1 дочерний тип img; у адресата есть 2 ребенка — img и текст —- работает как ожидалось b) когда в коде присутствует только строка с номером 2, ребенок-получатель будет удален, снова работает аналогично выше, AS ОЖИДАЕТСЯ c) СЕЙЧАС ПРОБЛЕМА — когда обе строки присутствуют в коде, он удаляет только исходный файл lastThild. вывод принимается только для части уведомлений sourceTD. Предупреждения destinationTD не поступают, поэтому я не могу оценить, удалился ли получатель назначения

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

Источник

RemoveChild не работает

0 Tarjo [2012-02-17 08:10:00]

У меня проблема с использованием функции javascript removeChild. Здесь мой сценарий:

Скриншот:

3 ответа

2 Решение BenjaminRH [2012-02-17 08:29:00]

Вы используете jQuery в своей первой функции, поэтому самый простой способ удалить этот элемент будет с помощью jQuery:

Здесь, как вы можете сделать то же самое с простым javascript:

1 Hawken [2012-02-17 08:32:00]

РЕДАКТИРОВАТЬ:

Чтобы упростить чтение > как «child of:

Из того, что я могу сказать, проблема заключается в том, что textarea > label > li > ol . Единственный элемент, имеющий идентификатор, — это

поэтому для удаления метки (как показано на изображении) измените delIt на:

Поскольку мы не можем видеть HTML, я не уверен, что проблема другая, чем, как заметил Марк B, «njajal» не является родителем элемента eleID. Чтобы исправить это, я бы порекомендовал:

0 Thariama [2012-02-17 11:46:00]

Решения, представленные до сих пор, не будут работать, потому что tinymce НЕ является текстовым полем !! Tinymce инициализируется с использованием содержимого указанного html-элемента — текстового поля в этом случае. После инициализации создается iframe с контент-контентом, где пользователи могут редактировать содержимое html.

Чтобы избавиться от редактора tinymce, вам нужно сначала закрыть его:

Во-вторых, вы можете удалить исходные элементы html, такие как label и textarea в качестве других решений вашего вопроса.

Мне просто интересно, почему у вас на вашей странице есть два редактора тинимов? Для меня это похоже на то, что вы, возможно, предпочтете инициализировать только один из них, а не удалить второй.

Источник