โดยปกติการแสดงผลสามารถตั้งค่าเป็นไม่มี, อินไลน์, บล็อก
โดยปกติการมองเห็นสามารถตั้งค่าให้ซ่อนหรือมองเห็นได้
เมื่อจอแสดงผลไม่มีและซ่อนการมองเห็นองค์ประกอบจะหายไป แต่มีความแตกต่าง
จอแสดงผลซ่อนองค์ประกอบและตำแหน่งจะไม่ถูกครอบครองอีกต่อไปในขณะที่การมองเห็นอยู่ในตำแหน่งเดิม
เพียงแค่ดูตัวอย่างที่จะเข้าใจ:
การคัดลอกรหัสมีดังนี้:
<div id = "mydiv">
<p>
</p>
</div>
<อินพุต type = "ปุ่ม" onclick = "isvisibility (document.getElementById ('mydiv')))" value = "คือการมองเห็นได้" />
<อินพุต type = "ปุ่ม" onclick = "isDisplay (document.getElementById ('mydiv')))" value = "สามารถแสดงได้หรือไม่
<script>
ฟังก์ชั่น isvisibility (ฉัน) {
ถ้า (me.style.visibility == "ซ่อน") {
me.style.visibility = "มองเห็นได้";
อื่น{
me.style.visibility = "ซ่อน";
-
-
ฟังก์ชั่น iSdisplay (ฉัน) {
ถ้า (me.style.display == "ไม่มี") {
me.style.display = "block";}
อื่น{
me.style.display = "ไม่มี";
-
-
</script>