ตัวอย่างของความแตกต่างระหว่างการแสดงผลและการมองเห็น

โดยปกติการแสดงผลสามารถตั้งค่าเป็นไม่มี, อินไลน์, บล็อก

โดยปกติการมองเห็นสามารถตั้งค่าให้ซ่อนหรือมองเห็นได้

เมื่อจอแสดงผลไม่มีและซ่อนการมองเห็นองค์ประกอบจะหายไป แต่มีความแตกต่าง

จอแสดงผลซ่อนองค์ประกอบและตำแหน่งจะไม่ถูกครอบครองอีกต่อไปในขณะที่การมองเห็นอยู่ในตำแหน่งเดิม

เพียงแค่ดูตัวอย่างที่จะเข้าใจ:

การคัดลอกรหัสมีดังนี้:

<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>