انتخاب یک سلول (Cell) خاص از جدول (Table)، بر اساس شماره ردیف (Row) و شماره ستون (Column) آن سلول (Cell)، با rows و cells ، در JavaScript
فرض کنید که در صفحه HTML ، یک جدول (Table) داریم که دارای تعدادی سلول (Cell) است. اکنون قصد داریم که با استفاده از کدهای JavaScript ، یکی از سلول های جدول (Table) را انتخاب نموده و کدهای JavaScript مورد نظرمان را برای آن اجرا نماییم.
برای انتخاب آن سلول (Cell) خاص، کافی است که شماره ردیف (Row) و شماره ستون (Column) آن در جدول (Table) را بدانیم. بنابراین ابتدا جدول (Table) مورد نظر را شناسایی می کنیم (در کد زیر فرض کرده ایم که id آن برابر
kelidestan_table می باشد) :
سپس بر اساس شماره ردیف (Row) و شماره ستون (Column)، سلول (Cell) مورد نظرمان را به صورت زیر انتخاب می کنیم :
که در آن،
rowIndex برابر شماره ردیف (Row) و
columnIndex برابر شماره ستون (Column) می باشد.
در جدول (Table)، شماره ردیف (Row) و شماره ستون (Column) سلول ها (Cell)، از عدد 0 شروع می شود (نه عدد 1).
به مثال زیر توجه کنید :
در صفحه HTML ، یک جدول (Table) می سازیم و 3 سلول (Cell) از آن را انتخاب نموده و رنگ پس زمینه آنها را تغییر می دهیم.
بخش مهم کدها :
کد CSS زیر باعث می شود که تگ های جدول (Table)، دارای خط حاشیه (Border) باشند تا بتوانیم مرز آنها را به راحتی تشخیص دهیم :
کد کامل صفحه HTML :
نتیجه :
