شئTbody منتسب با يك عنصرHTML <tbody> ميباشد .باشئTbody ميتوان عنصرHTML <tbody>صفحه را بصورت اقدامات شئ گرائي مديريت كرد. عنصر<tbody> براي تعريف بدنه جدول استفاده ميشود.
با متدgetElementById() ميتوان بعنصرHTML <tbody> دسترسي پيداكرد.
مثال ـ دسترسي به عنصرHTML <tbody> باid="myTbody"
var x = document.getElementById("myTBody");
با متدdocument.createElement() ميتوان شئTbody را ايجاد نمود.
مثال ـ ايجاد شئTbody
var x = document.createElement("TBODY");
| ويژگي | شرح |
|---|---|
| align |
توسطHTML 5 پشتيباني نمي شود .بجايش ازstyle.textAlign استفاده ميشود.
تراز افقي متني بدنه جدول را تنظيم ويا برگشت ميدهد. |
| ch |
توسطHTML 5 پشتيباني نمي شود.
يك كراكتر تراز را در داخل عنصرtbody تنظيم ويا برگشت ميدهد . |
| chOff |
توسطHTML 5 پشتيباني نمي شود.
افست افقي ويژگيch را تنظيم ويا برگشت ميدهد . |
| vAlign |
توسطHTML 5 پشتيباني نمي شود .بجايش ازstyle.verticvalAlign استفاده شود .
تراز عمودي محتوي را در يك عنصرthead تنظيم ويا برگشت ميدهد . |
ويژگيTbody alignتراز افقي محتوي داخلي عنصر<tbody> مرتبط با شئTbody راتنظيم ويا برگشت ميدهد.
اين ويژگي درHTML5 پشتيباني نميشود وبجاي آن از style.textAlign استفاده ميكنيم .
اين ويژگي مشابه با همانalign عمل مينمايد وبراي بيشتر عناصر بكار گرفته ميشود .بهمين دليل مثالها روي عناصر ديگر آمده است.
مثال ـ متن را در مركز تنظيم ميكند(center-align) .
document.getElementById("demo").style.textAlign = "center";
| مقدار | شرح |
|---|---|
| left | متن از سمت چپ تراز ميشود. |
| right | متن از سمت راست تراز ميشود. |
| center | متن در مركز تراز ميگردد. |
| justify | متن توجيه شده |
| initial | مطابق پيش فرض تنظيم مي شود. |
| inherit | تراز مطابق والدش تنظيم ميشود. |
مثال ـ برگشت تراز يك عنصر
alert(document.getElementById("demo").style.textAlign);
ويژگيTbody vAlignتراز عمودي محتوي داخلي عنصر<tbody> مرتبط با شئTbody راتنظيم ويا برگشت ميدهد.
اين ويژگي درHTML5 پشتيباني نميشود وبجاي آن ازstyle.verticalAlign استفاده ميكنيم.
اين ويژگي مشابه با همانvalign عمل مينمايد وبراي بيشتر عناصر بكار گرفته ميشود .بهمين دليل مثالها روي عناصر ديگر آمده است.
مثال ـ متن را در پائين تنظيم ميكند(buttom -align) .
document.getElementById("myTd").style.verticalAlign = "bottom";
| مقدار | شرح |
|---|---|
| length | يك عنصر را با طول مشخص بالا يا پائين مي آورد .مقادير منفي هم مجاز است |
| % | يك عنصر را در درصدي از ويژگي"line-height" بالا يا پائين مي آورد .درصد منفي هم مجاز است. |
| baseline | خط پايه عنصر با خط پايه عنصر والد ترازميشود .پيش فرض |
| sub | عنصر را مطابق زيرنويس تراز ميكند. |
| super | عنصر را مطابق بالانويس تزاز ميكند. |
| top | بالاي عنصر با بالاي بلندترين عنصر روي خط تراز ميشود. |
| text-top | بالاي عنصر را بابالاي فونت عنصروالد تراز ميكند. |
| middle | عنصر در وسط عنصر والد تراز ميشود. |
| bottom | پائين عنصر با پائين ترين عنصر در خط تراز ميشود.
شئTbody از ويژگي ها ورويداد هاي استاندارد پيروي ميكند. |
| text-buttom | پائين عنصر با پائين فونت عنصر والد تراز ميشود. |
| initial | به مقدار پيش فرض تراز ميشود. |
| inherit | تراز را از والد خود بارث ميبرد. |
مثال ـ برگشت تراز عمودي يك عنصر<div>
alert(document.getElementById("myTd").style.verticalAlign);