이벤트가 잡힌 노드의 부모 노드를 사라지게하려면 Javascript에 논리가 필요합니다. 구체적으로 말하자면, 부모 노드는 PDF 링크이며 자식이로드되지 않으면 부모 노드와 자식 노드 (bmp 이미지)가 모두 보이지 않아야합니다. 다음은 이벤트 리스너 함수로 설명한 내용입니다.
window.addEventListener('error', function(event) {
console.log(event);
if (event.target.id == "sheetBmp"){
console.log("sheet bmp failed to load");
//make the pdf disappear also
e.target.parentNode.style.visibility=false;
console.log("pdf nodeshould disappear");
}
}, true);
스타일은 다음과 같습니다.
<a id=sheetPdf target='_blank'>
<img id="sheetBmp" onLoad="this.style.visibility='visible'" onError="this.style.visibility='hidden'">
</img>
</a>
디버거를 통해 e.target.parentNode.style.visibility=false;실행 했으며 라인이 실행 된 후에도 속성은 동일하게 유지되고 (빈 따옴표) 노드의 가시성은 웹 페이지에 계속 표시됩니다. 어떤 도움이라도 대단히 감사합니다
false속성에 잘못된 값 ( )을 설정하고 있으므로 브라우저가 해당 값을 삭제합니다.
가시성 속성에 허용되는 값 은 "visible"및 "hidden"입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다