‎مجموعه اشياء شئTable

Previous > <Next

‎شئTable كه مرتبط به عنصري از نوع‎<table>‎ ميشود ، داراي يك مجموعه ازاشياء ‎مثل سطر و بدنه ميباشد .آنها مطابق جدول زير بوده كه دراين صفحه تشريح ميشوند.

‎مجموعه	‎شرح
rows	‎مجموعه عناصر‎<tr>‎ شئ جدول را برگشت ميدهد .
tBodies	‎مجموعه عناصر‎<body>‎ شئ جدول را برگشت ميدهد.

‎مجموعه سطرهاي جدول ـTable rows Collection

‎مجموعه سطر شئي است ،كه از تمام اشياء سطري جدول ويا بعبارتي عناصر‎<tr>‎ تشكيل ‎ميشود وداراي يك ويژگيlength و چند متد ميباشد .

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

var x = document.getElementById("myTable").rows.length;

‎توجه ـ سطرها در شئ مجموعه مطابق همان ترتيب تعريف در جدول در يافت ميشوند.

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

‎فرمت برگشت
tableObject.rows

‎اين شئ داراي ويژگيlength بوده كه تعداد سطرهاي جدول را برگشت ميدهد .اين ويژگي فقط خواندني ‎است.

‎متدها ـMethods

‎متد ‎شرح

[index] ‎عنصر سطر‎(<tr>)‎ را با انديس مشخص برگشت ميدهد .
‎انديس از صفر شروع ميشود.

item(index) ‎عئصر سطري با انديس مشخص برگشت ميدهد.
‎اگر انديس خارج از محدوده باشدnull برگشت ميشود .

namedItem(id) ‎عنصر سطر باid مشخص شده اي را برگشت ميدهد.
‎اگر شناسه وجود نداشته باشدnull برگشت ميشود.

‎مثالهاي بيشتر

‎مثال ـ‎[‎index‎]‎ دريافت اولين سطر يعني انديس صفر كه نتيجه برگشتي

alert(document.getElementById("myTable").rows[0].innerHTML;

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to alert the innerHTML of the first tr element (index 0) in the table.</p> <table id="myTable"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { alert(document.getElementById("myTable").rows[0].innerHTML); } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ‎item(‎index‎)‎ كه دريافت اولين سطر

alert(document.getElementById("myTable").rows.item(0).innerHTML);

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to alert the innerHTML of the first tr element (index 0) in the table.</p> <table id="myTable"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { alert(document.getElementById("myTable").rows.item(0).innerHTML); } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ‎nameditem(id)‎ نمايش سطر با شناسه ‎ id="myRow‎"‎‎

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to alert the innerHTML of the tr element with id="myRow" in the table.</p> <table id="myTable"> <tr id="myRow"> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML); } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ تغيير محتوي اولين سلول جدول

var x = document.getElementById("myTable").rows[0].cells; x[0].innerHTML = "NEW CONTENT";

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to change the content of the first table cell.</p> <table id="myTable"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var x = document.getElementById("myTable").rows[0].cells; x[0].innerHTML = "NEW CONTENT"; } </script> </body> </html>
--(go to editor for change code and run)

‎مجموعه بدنه هاي جدول ـTable tBodies Collection

‎مجموعه بدنه، از تمام اشياء بدنه جدول ويا بعبارتي عناصر‎<body>‎ تشكيل ميشود و ‎آن داراي يك ويژگيlength و چند متد ميباشد .

‎مثال ـ دريافت تعداد بدنه‎(<tbody>)‎ هاي جدول

var x = document.getElementById("myTable").tBodies.length;

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to get the number of tbody elements in the table.</p> <table id="myTable"> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> </tr> </tbody> <tbody> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </tbody> </table> <br> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myTable").tBodies.length; document.getElementById("demo").innerHTML = "Found " + x + " tbody elements in the table."; } </script> </body> </html>
--(go to editor for change code and run)

‎توجه ـ عناصر موجود در مجموعه همانطوريكه در كد منبع ظاهر ميشوند، مرتب شده اند.

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

‎فرمت برگشت
tableObject.tBodies

‎اين شئ داراي ويژگيlength بوده كه تعداد عنصربدنه جدول را برگشت ميدهد .اين ويژگي فقط ‎خواندني است.

‎متدها ـMethods

‎متد ‎شرح

[index] ‎عنصر بدنه جدول‎(<tbody>)‎ را با انديس مشخص برگشت ميدهد.
‎انديس از صفر شروع ميشود.

item(index) ‎عئصر بدنه جدول را با انديس مشخص برگشت ميدهد.
‎اگر انديس خارج از محدوده باشدnull برگشت ميشود .

namedItem(id) ‎عنصربدنه جدول باid مشخص شده اي را برگشت ميدهد.
‎اگر شناسه وجود نداشته باشدnull برگشت ميشود.

‎مثالهاي بيشتر

‎مثال ـ‎[‎index‎]‎ دريافت اولين بدنه يعني انديس صفر

alert(document.getElementById("myTable").tBodies[0].innerHTML;

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to alert the innerHTML of the first tbody element (index 0) in the table.</p> <table id="myTable"> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> </tr> </tbody> <tbody> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </tbody> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { alert(document.getElementById("myTable").tBodies[0].innerHTML); } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ‎item(‎index‎)‎ كه دريافت اولين بدنه جدول

alert(document.getElementById("myTable").tBodies.item(0).innerHTML)

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to alert the innerHTML of the first tbody element (index 0) in the table.</p> <table id="myTable"> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> </tr> </tbody> <tbody> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </tbody> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { alert(document.getElementById("myTable").tBodies.item(0).innerHTML); } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ‎nameditem(id)‎ نمايش بدنه جدول با شناسه‎ id="myTbody‎"‎‎

alert(document.getElementById("myTable").tBodies.namedItem("myTBody").innerHTML);

<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to alert the innerHTML of the tbody element with id="myTBody" in the table.</p> <table id="myTable"> <tbody id="myTBody"> <tr> <td>cell 1</td> <td>cell 2</td> </tr> </tbody> <tbody> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </tbody> </table> <br> <button onclick="myFunction()">Try it</button> <script> function myFunction() { alert(document.getElementById("myTable").tBodies.namedItem("myTBody").innerHTML); } </script> </body> </html>
--(go to editor for change code and run)

Previous > <Next

‎مجموعه اشياء شئTable

‎مجموعه سطرهاي جدول ـTable rows Collection

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

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

‎فرمت برگشت
tableObject.rows

‎متدها ـMethods

‎مثالهاي بيشتر

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

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

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

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

‎مجموعه بدنه هاي جدول ـTable tBodies Collection

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

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

‎فرمت برگشت
tableObject.tBodies

‎متدها ـMethods

‎مثالهاي بيشتر

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

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

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

HTML DOM Objectsفهرست =

‎متد	‎شرح
[index]	‎عنصر سطر‎(<tr>)‎ را با انديس مشخص برگشت ميدهد . ‎انديس از صفر شروع ميشود.
item(index)	‎عئصر سطري با انديس مشخص برگشت ميدهد. ‎اگر انديس خارج از محدوده باشدnull برگشت ميشود .
namedItem(id)	‎عنصر سطر باid مشخص شده اي را برگشت ميدهد. ‎اگر شناسه وجود نداشته باشدnull برگشت ميشود.

‎متد	‎شرح
[index]	‎عنصر بدنه جدول‎(<tbody>)‎ را با انديس مشخص برگشت ميدهد. ‎انديس از صفر شروع ميشود.
item(index)	‎عئصر بدنه جدول را با انديس مشخص برگشت ميدهد. ‎اگر انديس خارج از محدوده باشدnull برگشت ميشود .
namedItem(id)	‎عنصربدنه جدول باid مشخص شده اي را برگشت ميدهد. ‎اگر شناسه وجود نداشته باشدnull برگشت ميشود.

‎مجموعه اشياء شئTable

‎مجموعه سطرهاي جدول ـTable rows Collection

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

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

‎فرمت برگشت tableObject.rows

‎متدها ـMethods

‎مثالهاي بيشتر

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

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

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

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

‎مجموعه بدنه هاي جدول ـTable tBodies Collection

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

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

‎فرمت برگشت tableObject.tBodies

‎متدها ـMethods

‎مثالهاي بيشتر

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

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

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

HTML DOM Objectsفهرست =

‎فرمت برگشت
tableObject.rows

‎فرمت برگشت
tableObject.tBodies