DOM แท็ก tr
property
align
className
id
innerHTML
rowIndex
vAlign

align รับหรือตั้งค่าการเรียงข้อมูลภายในแท็ก tr
ตัวอย่าง
<script type="text/javascript">
function alignLeft()
{
document.all.tr1.align="left";
document.all.tr2.align="left";
}

function alignRight()
{
document.all.tr1.align="right";
document.all.tr2.align="right";
}
</script>

<table id="table1" border="1" width="200">
<tr id="tr1" align="center"><td>a</td></tr>
<tr id="tr2" align="center"><td>b</td></tr>
</table>
<input type="button" onclick="alignLeft()" value="Left"><br />
<input type="button" onclick="alignRight()" value="Right"><br />

ค่าที่เป็นไปได้คือ left | center | right | justify | char
จากตัวอย่างจะกำหนดให้ชิดซ้ายหรือขวาตามการกดปุ่ม

className รับหรือตั้งค่าของ class
ตัวอย่าง
<table id="table1" cellspacing="10" class="class1">
<caption>caption ของ table</caption>
<tr id="tr1" class="classTR1"><td>a</td></tr>
<tr><td>b</td></tr>
</table>

<script type="text/javascript">
document.write(document.all.tr1.className);
</script>

จากตัวอย่างจะพิมพ์ค่าของ className

id กำหนดหรือรับค่าid
ตัวอย่าง
<table id="table1" cellspacing="10" class="class1">
<caption>caption ของ table</caption>
<tr id="tr1"><td>a</td></tr>
<tr><td>b</td></tr>
</table>

<script type="text/javascript">
document.write(document.all.tr1.id);
</script>

จากตัวอย่างจะพิมพ์ข้อความว่า tr1

innerHTML กำหนดหรือรับค่า HTML ภายในแท็ก tr
ตัวอย่าง
<table id="table1" cellspacing="10" border="1">
<caption>caption ของ table</caption>
<tr id="tr1"><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>

<script type="text/javascript">
alert(document.all.tr1.innerHTML);
</script>

จากตัวอย่างจะพิมพ์ข้อความภายในแท็ก tr1คือ <td>a</td><td>b</td>

rowIndex กำหนดหรือรับค่าอันดับของแท็ก tr ของตาราง
ตัวอย่าง
<table id="table1" cellspacing="10" border="1">
<caption>caption ของ table</caption>
<tr id="tr1"><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>

<script type="text/javascript">
document.write(document.all.tr1.rowIndex);
</script>

จากตัวอย่างจะพิมพ์ข้อความว่า 0 หมายถึงว่า tr1 เป็นแถวแรก

vAlign กำหนดหรือรับค่าการจัดเรียงในแนวตั้ง
ตัวอย่าง
<script type="text/javascript">
function alignTop()
{
document.all.tr1.vAlign="top";
document.all.tr2.vAlign="top";
}

function alignBottom()
{
document.all.tr1.vAlign="bottom";
document.all.tr2.vAlign="bottom";
}
</script>

<table id="table1" border="1" width="200">
<tr id="tr1" align="center" valign="middle" height=100><td>a</td></tr>
<tr id="tr2" align="center" valign="middle" height=100><td>b</td></tr>
</table>
<input type="button" onclick="alignTop()" value="alignTop"><br />
<input type="button" onclick="alignBottom()" value="alignBottom"><br />

ค่าที่เป็นไปได้คือ top | bottom | middle | baseline
จากตัวอย่างจะกำหนดให้ชิดบนหรือล่างตามการกดปุ่ม

menu DOM