Google 크롬 속성에 HTML 요소를 삽입하려면 어떻게해야하나요?

Question

속성을 두 번 클릭하고 Google 크롬 속성에서 변경할 수 있습니다. 내가 CSS를 추가 할 수 있습니다, 나는 콘솔에 자바 스크립트를 추가 할 수 있습니다. 하지만 HTML을 추가 할 수 있습니까?

Answer 1

속성에서 요소를 마우스 오른쪽 버튼으로 클릭하고 "HTML로 편집"을 선택하십시오.

그러면 원하는 HTML을 추가 할 수 있습니다.

---

경고 :이이 모든 후손 요소를 파괴하는 것입니다, 당신은 HTML 편집을 완료하면 다음 다시 작성합니다. 이러한 요소 중 하나에 설정된 이벤트 리스너는 더 이상 작동하지 않으며 이러한 요소 중 하나에 대한 참조는 손실됩니다.

요소를 유지해야하는 경우 프로그래밍 방식으로이 작업을 수행해야합니다. 편집하려는 요소를 선택한 후 콘솔로 넘어 가서 원하는 요소를 프로그래밍 방식으로 추가하십시오. 콘솔 내에서 선택한 요소를 변수 이름 $0으로 참조 할 수 있습니다. 예를 들어 div을 현재 선택된 요소에 추가하려면 다음을 콘솔에 입력하십시오.

$0.appendChild(document.createElement('div'));