이 기사에서는 동일한 수준의 요소를 숨긴 후 JS 파일 내용을 구현하는 JS 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
여기에서 demo.html 파일을 열면 JS 파일과 동일한 레벨의 요소를 간단히 표시하고 즉시 이러한 요소를 숨기고 동일한 레벨의 Demo.js 파일 내용을 표시합니다. 특정 코드는 다음과 같습니다.
demo.html :
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> </title> </head> <body> <p> 헤드 정보 </p> <div> <p> 물을 암송 해달라고 물어 보라고 물었습니다. 가을 </p> <p> 물 가을을 암송 해달라고 요청한 사람 </p> <p> 물 가을을 암송 해달라고 요청한 </p> <p> </p> <p> 물 가을을 암송 해달라고 요청한 </p> <p> 물 낙하를 암송하라고 요청한 사람 가을 </p> <p> 물 가을을 암송 해달라고 요청한 사람 </p> <p> 물 가을을 암송 해달라고 요청한 </p> <p> 물 가을을 암송하라고 요청한 <p> 물 낙하를 암송 한 사람 </p> <p> 물 낙하를 암송하라고 요청한 </p> <p> 누가 물을 암송하라고 요청한 </p> <p> 물 가을을 암송 </p> <p> 물 가을을 암송 해달라고 요청한 </p> <p> 물 가을을 암송 해달라고 요청한 </p> <p> </p> <p> 물 가을을 암송 해달라고 요청한 </p> <p> 물 낙하를 암송 한 사람 </p> <p> 물 폭포를 암송하라고 물었습니다. 정보 </p> </body> </html>
demo.js :
document.writeln ( "<div id =/"contsononly/">"); docut content. "); docum var contparent = contsononly.parentNode; var contsonlist = contparent.children; for (var i = 0; i <contsonList.length; i ++) {if (contsonList [i]! = contsonOnly) {contsonList [i] .style.display = "none"; }}}렌더링은 다음과 같습니다.
JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript Traversal 알고리즘 및 기술 요약", "JavaScript Switching 특수 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술의 요약", "JavaScript 특수 효과 및 기술의 요약"JavaScript Orcors ","Jav Script Orcors " 및 알고리즘 기술 "및"JavaScript 수학적 작동 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.