บทความนี้อธิบายวิธีการของ 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> </v> <p> ที่ขอให้คุณท่องน้ำลดลง </p> ฤดูใบไม้ร่วง </p> <p> ใครขอให้คุณท่องน้ำตก </p> <p> ใครขอให้คุณท่องน้ำตก </p> <p> ใครขอให้คุณท่องน้ำตก </p> <p> ใครขอให้คุณท่องน้ำตก </p> <p> Fall </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/">"); document.writeLn ("<p> เนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหามาใช้เนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหาเนื้อหา เนื้อหา "); document.writeLn (" </div> "); window.onload = function () {var contsononly = document.getElementById (" contsononly "); var contparent = contsononly.parentNode; var contsonList = contparent.children; สำหรับ (var i = 0; i <contsonlist.length; i ++) {ถ้า (contsonlist [i]! = contsonly) {contsonlist [i] .style.display = "ไม่มี"; -การเรนเดอร์มีดังนี้:
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปอัลกอริทึมและทักษะการสำรวจ JavaScript", "บทสรุปของการสลับเอฟเฟกต์พิเศษและทักษะการค้นหา JavaScript ของ JavaScript โครงสร้างและทักษะอัลกอริทึม "และ" สรุปการใช้งานทางคณิตศาสตร์ของ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน