Блог

Я использую angular и выполняю некоторые манипуляции с dom, используя js на стороне клиента. Мне нужно добавить элементы предварительного тега в div при нажатии кнопки, и я использую приведенный ниже код для получения div и использую функции after() и remove() для изменения содержимого div. Div обновляется, и изменения отражаются в пользовательском интерфейсе.

Проблема в том, что если проверить(открыть инструменты разработчика), все изменения, которые я сделал, исчезли, и они возвращаются в исходное состояние. Я имею в виду, что элементы, которые я добавил, удаляются, а те, которые я удалил, добавляются обратно.

Насколько я понимаю, открытие инструментов разработчика ни на что не должно влиять. Есть какая-нибудь причина, по которой это происходит? Это из-за функций «после» и «удалить»?

 var sourceCodeLines = angular.element("#test_config").contents().find(".YellowLine"); sourceCodeLines[5].after($scope.sourceCodeSection["comment"][1]); sourceCodeLines[9].remove();