มีสองวิธีในการซ่อนการควบคุมโดยใช้ JavaScript คือการตั้งค่าคุณสมบัติ "แสดงผล" และ "การมองเห็น" ของสไตล์การควบคุม
การควบคุมไม่สามารถมองเห็นได้เมื่อ style.display = "block" หรือ style.visibility = "มองเห็นได้" ความแตกต่างคือ "แสดง" ไม่เพียง แต่ซ่อนการควบคุมเท่านั้น แต่ยังรวมถึงการควบคุมที่ซ่อนอยู่ไม่ได้อยู่ในตำแหน่งที่ครอบครองอีกต่อไปเมื่อแสดง การควบคุมที่ซ่อนอยู่ใน "การมองเห็น" เพียงแค่ตั้งค่าการควบคุมให้มองไม่เห็นและการควบคุมยังคงอยู่ในตำแหน่งเดิม
ฟังก์ชั่น displayhideui () {var ui = document.getElementById ("bbs"); ui.style.display = "ไม่มี";} ฟังก์ชั่น displayShowui () {var ui = document.getElementById ("bbs"); ui.style.display = "" บล็อกจะทำให้พื้นที่ต่อมาถูกห่อหุ้ม} ฟังก์ชั่นการมองเห็น hideui () {var ui = document.getElementById ("bbs"); ui.style.visibility = "ซ่อน";} ฟังก์ชั่นการมองเห็น showui () {var ui = document.getElementByid (คำอธิบายค่า
ไม่มีองค์ประกอบนี้จะไม่ปรากฏ
บล็อกองค์ประกอบนี้จะแสดงเป็นองค์ประกอบระดับบล็อกโดยมีการแบ่งบรรทัดก่อนและหลัง
ค่าเริ่มต้นแบบอินไลน์ องค์ประกอบนี้จะแสดงเป็นองค์ประกอบแบบอินไลน์โดยไม่มีอักขระใหม่ก่อนและหลังองค์ประกอบ
องค์ประกอบบล็อกอินไลน์แบบอินไลน์ (เพิ่มค่าใหม่ใน CSS2.1)
รายการรายการองค์ประกอบนี้จะแสดงเป็นรายการ
การเรียกใช้องค์ประกอบนี้จะแสดงเป็นองค์ประกอบระดับบล็อกหรือองค์ประกอบอินไลน์ตามบริบท
ขนาดกะทัดรัดมีค่ากะทัดรัดใน CSS แต่ถูกลบออกจาก CSS2.1 เนื่องจากขาดการสนับสนุนอย่างกว้างขวาง
เครื่องหมายมีเครื่องหมายค่าใน CSS แต่ถูกลบออกจาก CSS2.1 เนื่องจากขาดการสนับสนุนอย่างกว้างขวาง
ตารางองค์ประกอบนี้จะแสดงเป็นตารางระดับบล็อก (คล้ายกับ <Table>) โดยมีการแบ่งบรรทัดก่อนและหลังตาราง
Inline-Table องค์ประกอบนี้จะแสดงเป็นตารางแบบอินไลน์ (คล้ายกับ <Table>) โดยไม่มีอักขระใหม่ก่อนและหลังตาราง
Table-Row-Group องค์ประกอบนี้จะแสดงเป็นกลุ่มของหนึ่งแถวขึ้นไป (คล้ายกับ <tbody>)
Table-Header-Group องค์ประกอบนี้จะแสดงเป็นกลุ่มของหนึ่งแถวขึ้นไป (คล้ายกับ <head>)
โต๊ะในกลุ่มส่วนท้ายองค์ประกอบนี้จะแสดงเป็นการจัดกลุ่มหนึ่งแถวขึ้นไป (คล้ายกับ <tfoot>)
ตารางแถวองค์ประกอบนี้จะแสดงเป็นแถวตาราง (คล้ายกับ <tr>)
Table-Column-Group องค์ประกอบนี้จะแสดงเป็นกลุ่มของหนึ่งคอลัมน์หรือมากกว่า (คล้ายกับ <Colgroup>)
Table-Column องค์ประกอบนี้จะแสดงเป็นคอลัมน์เซลล์ (คล้ายกับ <ol>)
ตารางเซลล์องค์ประกอบนี้จะแสดงเป็นเซลล์ตาราง (คล้ายกับ <TD> และ <th>)
การปรับตารางองค์ประกอบนี้จะแสดงเป็นชื่อตาราง (คล้ายกับ <ction>)
สืบทอดระบุว่าค่าของแอตทริบิวต์การแสดงผลควรได้รับการสืบทอดจากองค์ประกอบหลัก
ปัญหาที่แก้ไขแล้วในวันนี้คือการให้ป้ายกำกับชั้นเรียนที่กำหนดไว้ในหน้า JSS เป็น ID จากนั้นควบคุมการมองเห็นของ ID เพื่อล้างข้อมูลพรอมต์ JS เมื่อปิด DIV รายละเอียดมีดังนี้:
ในฟังก์ชั่นการเตรียมอินเตอร์เฟส var label1 = document.getElementById ("label1");
$ (เอกสาร) .ready (function () {$ (". flipp .span4"). คลิก (ฟังก์ชั่น () {$ (นี่) .parent (). ถัดไป (). สลับ (); $ (นี่) .parent (). parent (). prevel () document.getElementById ("label1"); label1.style.display = "ไม่มี";})จากนั้นเพิ่มในสถานที่ที่สอดคล้องกันของ JSP:
<label id = "label1" สำหรับ = "currentpwd" สร้าง = "true" style = "display: inline"> </lable>
สำหรับคลาส Label.error ที่กำหนดโดย CSS คุณสามารถใช้ $ ("label.error"). Removeattr ("Style"). attr ("Style", "Display: None;"); เพื่อใช้ฟังก์ชั่นข้างต้น ยิ่งกว่านั้นดูเหมือนว่าไม่จำเป็นต้องกำหนดค่า ID สำหรับป้ายกำกับที่ตำแหน่งใต้ดินที่สอดคล้องกัน