HTML DOM TableData Object

Previous >    <Next  

‎شئ داده جدول ـTableData Object

‎شئTableData منتسب با يك عنصرHTML ‎<td>‎ ميباشد .باشئTableData ‎ميتوان عنصرHTML ‎<td>‎صفحه را بصورت اقدامات شئ گرائي مديريت كرد. ‎عنصر‎<td>‎ براي تعريف داده هاي جدول استفاده ميشود.

‎دسترسي به شئTableData

‎با متد‎getElementById()‎‎ ميتوان بعنصرHTML ‎<td>‎ دسترسي ‎پيداكرد.

‎مثال ـ دسترسي به عنصرHTML ‎<td>‎ باid="myTd‎"‎ 

var x = document.getElementById("myTd");

--(go to editor for change code and run)

‎ايجاد شئTableData

‎با متد‎document.createElement()‎‎ ميتوان شئTableData را ايجاد نمود.

‎مثال ـ ايجاد شئTableData 

var x = document.createElement("TD");

--(go to editor for change code and run)

‎ويژگي هاي شئTableData(TD)

‎ويژگي ‎شرح
abbr ‎توسطHTML5 پشتيباني نمي شود .
‎مقدار ويژگيabbr راتنظيم ويا برگشت ميدهد .
align ‎توسطHTML 5 پشتيباني نمي شود .بجايش ازstyle.textAlign استفاده ميشود.
‎تراز افقي سلول جدول را تنظيم ويا برگشت ميدهد.
axis ‎توسطHTML 5 پشتيباني نمي شود.
‎ليست سلولهاي مرتبط را كه باكاما تفكيك ميشوند، تنظيم ويا برگشت ميدهد
background ‎توسطHTML 5 پشتيباني نمي شود .بجايش ازstyle.background استفاده ميشود.
‎تصوير پس زمينه سلول جدول را تنظيم ويا برگشت ميدهد.
bgColor ‎توسطHTML 5 پشتيباني نمي شود .بجايش ازstyle.backgroundColor استفاده ميشود.
‎رنگ پس زمينه سلول جدول را تنظيم ويا برگشت ميدهد.
cellIndex ‎انديس سلول را در مجموعه سلولهاي سطر جدول برگشت ميدهد.
ch ‎توسطHTML 5 پشتيباني نمي شود.
‎يك كراكتر تراز را در داخل عنصر سلول ، تنظيم ويا برگشت ميدهد.
chOff ‎توسطHTML 5 پشتيباني نمي شود.
‎افست افقي ويژگيch را تنظيم ويا برگشت ميدهد .
colSpan ‎مقدار ويژگيcolspan را تنظيم ويابرگشت ميدهد .
headers ‎مقدار ويژگيheaders را تنظيم ويابرگشت ميدهد .
height ‎توسطHTML 5 پشتيباني نمي شود .بجايش ارstyle.height استفاده شود .
‎ارتفاع سلول جدول را تنظيم ويا برگشت ميدهد.
noWrap ‎توسطHTML 5 پشتيباني نمي شود بجايش ازstyle.whiteSpace استفاده شود.
‎وضعيت پيچيدگي محتوي سلول را مشخص ميكند.
rowSpan ‎مقدار ويژگيrowspan را تنظيم ويابرگشت ميدهد .
vAlign ‎توسطHTML 5 پشتيباني نمي شود .بجايش ازstyle.verticvalAlign استفاده شود .
‎تراز عمودي محتوي را در يك عنصرtd تنظيم ويا برگشت ميدهد .
width ‎توسطHTML 5 پشتيباني نمي شود .بجايش ارstyle.width استفاده شود.
‎عرض سلول جدول را تنظيم ويا برگشت ميدهد.

‎ويژگيTableData cellIndex

‎ويژگيTableData cellIndex موقعيت يك سلول را در مجموعه سلولي يك سطر جدول برگشت ميدهد .

‎مثال ـ كليك روي سلولهاي مختتلف براي دريافت پيغام انديس آن

alert("Cell index is: " + x.cellIndex);

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
tabledataObject.cellIndex

‎مثال ـ دريافت انديس تمام سلولي هاي يك سطر جدول

var x = document.getElementsByTagName("td");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + "The index of Cell " + (i + 1) + " is: " + x[i].cellIndex + "<br>";
}

--(go to editor for change code and run)

‎ويژگيTableData colSpan

‎ويژگيTableData colSpan ويژگي colspan عنصر ‎<td>‎ مرتبط باشئ TableData ‎تنظيم ويابرگشت ميدهد .اين ويژگي تعداد سلولهائي كه بايد سطري يكي شوند مشخص ميكند.

‎مثال ـ تغيير تعداد سلولهاي مجتمع شده.

document.getElementById("myTd").colSpan = "1";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
tabledataObject.colSpan

‎فرمت تنظيم ويژگي
tabledataObject.colSpan=number

number‎ـ تعداد ستون هائي را كه يك سلول بايد در آن قراربگيرد را مشخص ميكند .

‎مثال ـ دريافت تعداد سنونهاي مجتمع شده در يك سلول

var x = document.getElementById("myTd").colSpan;

--(go to editor for change code and run)

‎ويژگيTableData headers

‎ويژگيTableData headers ويژگيheaders عنصر‎<td>‎ مرتبط باشئTableData ‎تنظيم ويابرگشت ميدهد .اين ويژگي فهرستي از سلوهاي‎<th>‎ را براي سلول فعلي مشخص ‎ميگند.

‎مثال ـ برگشت مقدار ويژگيheaders يك سلول داده با id="myTd‎"‎

var x = document.getElementById("myTd").headers;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
tabledataObject.headers

‎فرمت تنظيم ويژگي
tabledataObject.headers=header_ids

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
header_ids ‎ليستي ازId هاي سلولهاي هدر جدول را با كه بلنك تفكيك ميشوند ، مشخص ميكند .

‎مثال ـ نمايش هدرهاي سطر دوم جدول

var table = document.getElementById("myTable");
var txt = "";
var i;
for (i = 0; i < table.rows[1].cells.length; i++) {
  txt = txt + table.rows[1].cells[i].headers + "<br>";
}

--(go to editor for change code and run)

‎مثال ـ تغييرمقدار ويژگيheaders يك سلول داده با id="myTd‎"‎

document.getElementById("myTd").headers = "newValue";

--(go to editor for change code and run)

‎ويژگيTableData noWarp

‎اين ويژگي درHTML5 پشتيباني نميشود. بجايش از ‎style.whiteSpace استفاده ‎ميشود .اين ويژگي نحوي مديريت در متون پيچيده در ارتباط با رفتار با تبها، شكستكي خط وفضاهاي ‎خالي را مشخص ميكند.

‎مثال ـ مشخص ميكند كه متن موجود در عنصر‎<div>‎ هرگز جمع وجور نمي شود .

document.getElementById("myDIV").style.whiteSpace = "nowrap";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
object.style.whiteSpace

‎فرمت تنظيم ويژگي
object.style.whiteSpace= "normal |nowarp |pre |inherit |initial"

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
normal ‎فضاهاي خالي بيك فضاي حالي تبديل و متن در صورت لزوم جمع وجور ميشود .پيش فرض
noWarp ‎دنباله از فضاي خالي بيكي تبديل ميشود و متن در يك خط ادامه مي يابد، مگراينكه به ‎<br>‎برخورد شود .
pre ‎فضاي هاي خالي توسط مرورگر حفظ ميشود، فقط خط توسط‎<br>‎ بسته ميشود وخط ‎جديد شروع ميشود .اين دقيقا مشابه با‎<per>‎ در HTML است .
pre-line ‎فضاي خالي بيك تك فضا تبديل و خط در حالت‎<br>‎ ويا با ضرورت بسته ميشود .
pre_Wrap ‎فضاي خالي توسط مرورگر حفظ ميشود و خط در صورت ضرورت يا شكست خط بسته ميشود
initial ‎برااساس پيش فرض خود تنظيم ميشود.
inherit ‎مقدار ويژگي را از والد خود بارث مي برد.

‎مثال ـ برگشت مقدار ويژگيstyle.whiteSpace 

alert(document.getElementById("myDiv").style.whiteSpace);

--(go to editor for change code and run)

‎ويژگيTableData rowSpan

‎ويژگيTableData rowSpan ويژگيrowspan عنصر‎<td>‎ مرتبط باشئTableData ‎تنظيم ويابرگشت ميدهد .اين ويژگي تعداد سلولهائي كه بايد ستوني يكي شوند مشخص ميكند.

‎مثال ـ تغيير تعداد سلولهاي مجتمع شده ستوني. 

document.getElementById("myTd").rowSpan = "1";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
tabledataObject.rowSpan

‎فرمت تنظيم ويژگي
tabledataObject.rowSpan=number

number‎ـ تعداد سطر هائي را كه يك سلول بايد در آن قراربگيرد را مشخص ميكند.

‎مثال ـ دريافت تعداد سطرهاي مجتمع شده در يك سلول

var x = document.getElementById("myTh").rowSpan;

--(go to editor for change code and run)

‎شئTableData از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML <table> Tag

HTML <td> Tag

Previous >    <Next