Tiện ích mở rộng của Chrome: Sửa đổi DOM trước khi tải

Question

Tiện ích mở rộng của Chrome sẽ sửa đổi phần tử DOM trước khi DOM được xây dựng hoàn chỉnh và trong trường hợp tốt nhất, ngay sau khi phần tử DOM này được tạo.

Ví dụ, nếu tôi có trong tài liệu của mình, tôi muốn đợi cho đến khi nó được xây dựng, sau đó sửa đổi trực tiếp nó, trước khi phần còn lại của DOM được xây dựng.

Nhưng tôi chỉ quản lý để truy cập DOM trước khi phần tử được tạo và sau khi toàn bộ DOM được tạo.

Vậy làm cách nào để lắng nghe việc xây dựng một yếu tố đặc biệt?

Answer 1

Bạn có thể sử dụng document.addEventListener với sự kiện DOMNodeInserted. Các nút sẽ được xây dựng và bạn sẽ có cơ hội sửa đổi chúng trước khi chúng được chèn vào DOM. Một cái gì đó như sau đây sẽ làm việc.

function nodeInsertedCallback(event) { 
    console.log(event); 
}; 
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);