Narzędzia dla programistów Chrome. Punkt przerwania modyfikacji poddrzewa DOM?

Question

Czy ten punkt zostanie wywołany tylko wtedy, gdy węzły w pod-drzewie zostaną dodane/usunięte, a nie, jeśli zostaną po prostu zmodyfikowane?

Podczas testów próbowałem dodać klasę z JS do elementów pod-drzewa, a punkt przerwania nie wywołał.

Po prostu chcę mieć pewność, że jedyną rzeczą, która wyzwoli ten szczególny punkt przełomowy, jest tylko dodawanie/usuwanie pod-węzłów, a nie modyfikacja jakiegokolwiek atrybutu lub cokolwiek innego w tym zakresie, Czy ktoś może to potwierdzić?

Answer 1

modyfikacje SUBTREE są wstawki węzeł i usunięcia w DOM [SUB] drzewa zakorzenione u dany węzeł.

Aby włamać się do modyfikacji atrybutów class musisz użyć ... wiesz co? Break on Attribute Modifications! :-)

Answer 2

Nie mogę dodawać komentarzy do Twojego pytania, dlatego opublikuję to jako nową odpowiedź. Spójrz tutaj: how to set DOM Breakpoints in chrome

w ogóle, otwartych Chrome Developer Tools wybierz pierwszą zakładkę o nazwie Elementy, a następnie znaleźć element, na którym chcesz umieścić punkt przerwania, kliknij prawym przyciskiem myszy i menu kontekstowego z kilkoma opcje punktu przerwania zostaną otwarte. Opcje:

1. przerwę na SUBTREE Modyfikacje
2. zerwaniu o atrybut Modyfikacje
3. przerwę na usuwanie węzła