DOM แท็ก table
property
border
caption
cellPadding
cellSpacing
className
id
rules
summary
width
border รับหรือตั้งค่าขอบของ
table
ตัวอย่าง
<table id="table1" border="1">
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
<script type="text/javascript">
document.all.table1.border="5";
</script>
จากตัวอย่างจะกำหนดขอบให้เท่ากับ 5 pixels
caption รับหรือตั้งค่าขอบของ
table
ตัวอย่าง
<table id="table1">
<caption>caption ของ table</caption>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.caption.innerHTML);
</script>
จากตัวอย่างจะพิมพ์ข้อความ caption
cellPadding รับหรือตั้งค่าความห่างจากขอบภายในช่องของ
table
ตัวอย่าง
<table id="table1" cellpadding="10">
<caption>caption ของ table</caption>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.cellpadding);
</script>
จากตัวอย่างจะพิมพ์ค่าของ cellpadding
cellSpacing รับหรือตั้งค่าขนาดของเส้นแบ่งในตาราง
table
ตัวอย่าง
<table id="table1" cellspacing="10">
<caption>caption ของ table</caption>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.cellspacing);
</script>
จากตัวอย่างจะพิมพ์ค่าของ cellspacing
className รับหรือตั้งค่าของ
class
ตัวอย่าง
<table id="table1" cellspacing="10" class="class1">
<caption>caption ของ table</caption>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.className);
</script>
จากตัวอย่างจะพิมพ์ค่าของ className
id กำหนดหรือรับค่าid
ตัวอย่าง
<table id="table1" cellspacing="10" class="class1">
<caption>caption ของ table</caption>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.id);
</script>
จากตัวอย่างจะพิมพ์ข้อความว่า table1
rules กำหนดหรือรับค่า
rules ซึ่งเป็นการกำหนดลักษณะของเส้นภายในตาราง
ตัวอย่าง
<script type="text/javascript">
function changeRules(){
document.all.table1.rules="none";
}
</script>
<table id="table1" cellspacing="10" border="1">
<caption>caption ของ table</caption>
<tr><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>
<input type="button" onclick="changeRules()" value="chang
Rules ">
ค่าที่เป็นไปได้คือ none|groups|rows|cols|all
summary กำหนดหรือรับค่า
summary ซึ่งเป็นการกำหนดข้อความบรรยายของตาราง
ตัวอย่าง
<table id="table1" cellspacing="10" border="1"
summary="SUMMARY OF TABLE" >
<caption>caption ของ table</caption>
<tr><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.summary);
</script>
จากตัวอย่างจะพิมพ์ข้อความว่า SUMMARY OF TABLE
width กำหนดหรือรับค่าความกว้างของตาราง
ตัวอย่าง
<table id="table1" width="200" cellspacing="10"
border="1" summary="SUMMARY OF TABLE">
<caption>caption ของ table</caption>
<tr><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>
<script type="text/javascript">
document.write(document.all.table1.width);
</script>
จากตัวอย่างจะพิมพ์ข้อความว่า SUMMARY OF TABLE