Tôi có thể nhấp đúp vào các thuộc tính và thay đổi chúng trong thanh tra Google Chrome. Tôi có thể thêm CSS, tôi có thể thêm Javascript vào giao diện điều khiển. Nhưng tôi có thể thêm HTML không?Làm cách nào để chèn phần tử HTML vào thanh tra Google Chrome?
Nhấp chuột phải vào phần tử trong trình kiểm tra và chọn "Chỉnh sửa dưới dạng HTML".
Sau đó, bạn có thể thêm bất kỳ HTML nào bạn muốn vào trong đó.
Cảnh báo: này sẽ tiêu diệt các phần tử với tất cả hậu duệ của nó, và sau đó sẽ tái tạo chúng một lần bạn đã hoàn tất việc chỉnh sửa HTML. Bất kỳ trình lắng nghe sự kiện nào được đặt trên bất kỳ phần tử nào trong số đó sẽ không còn hoạt động nữa và bất kỳ tham chiếu nào bạn có thể có với bất kỳ phần tử nào trong số đó sẽ bị mất.
Nếu bạn phải giữ các yếu tố còn sống, bạn sẽ phải thực hiện việc này theo lập trình. Sau khi chọn phần tử bạn muốn chỉnh sửa, hãy chuyển sang bảng điều khiển và thêm phần tử bạn muốn theo chương trình. Trong bảng điều khiển, bạn có thể tham chiếu phần tử đã chọn theo tên biến $0. Ví dụ: nếu bạn muốn nối thêm div vào phần tử hiện được chọn, hãy nhập phần tử này vào bảng điều khiển:
$0.appendChild(document.createElement('div'));