HTML 요소를 다룰 때 피해야 할 방법_자바스크립트 팁

실제로 중복 루프를 제거하고 제어 수를 줄인 후에도 성능이 여전히 낙관적이지 않다는 사실을 발견하여 실수로 수정한 결과 효율성이 크게 향상되었습니다. 다음 수정 사항:
수정 전:

코드 복사 코드는 다음과 같습니다.

objDiv.innerHTML = ''

수정 후:

코드 복사 코드는 다음과 같습니다.

var imga = document.createElement("img ");
imga .setAttribute("src","back.gif");
imga.setAttribute("id","picture");
objDiv.appendChild(imga);

이전에는 작성의 편리성 때문에 페이지 요소를 별도로 생성하고, 최종적으로 중첩시키는 방식을 사용하지 않았으며, 대신 문자열을 통해 직접 innerHTML을 할당하는 방식이 상대적으로 좋습니다. 간단하고 편리하지만 여전히 성능 측면에서 몇 가지 단점이 있습니다. 문자열을 올바른 페이지 제어로 변환하는 과정이 필요하기 때문에 성능 손실이 상대적으로 커서 해당 속도가 느려질 수 있습니다. 페이지.