TableRow insertCell() মথড

HTML DOM TableRow অবজেক্ট

অর্থ ও ব্যবহার

insertCell() মথড কোষাংশকে বর্তমান সারে যোগ করে।

টীকা:ব্যবহার করুন deleteCell() মথড বর্তমান টেবিল সারের কোষাংশ মুছে ফেলুন。

আরও দেখুন:

HTML রেফারেন্স ম্যানুয়াল:HTML <tr> ট্যাগ

প্রদত্তি

উদাহরণ 1

id="myRow"-এর টেবিল সারের শুরুতে নতুন কোষাংশ যোগ করুন যা কনটেন্ট ধারণ করে:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";

亲自试一试

পাতার নিচে আরও উদাহরণ পাওয়া যাবে。

ভাষা

tablerowObject.insertCell()index)
পারামিটার বর্ণনা
index

Firefox এবং Opera-তে প্রয়োজন, IE, Chrome এবং Safari-তে বাছাইযোগ্য

সংখ্যা (0 থেকে শুরু করে), নতুন সেলকে বর্তমান সারিতে যোগ করার স্থান নির্দিষ্ট করে

মান 0 নতুন সেলকে প্রথম স্থানে যোগ করবে। -1 এর মানও ব্যবহার করা যায়, যা নতুন সেলকে শেষ স্থানে যোগ করবে。

এই পারামিটারটি সমীক্ষা করা হলে, IE-তে insertCell() শেষ স্থানে, Chrome এবং Safari-তে প্রথম স্থানে নতুন সেল যোগ করবে。

প্রযুক্তিগত বিবরণ

ফলাফল:

যোগ করা হওয়া সেল এলিমেন্ট

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

আরও উদাহরণ

উদাহরণ 2

id="myRow" এর তালিকার শেষে নতুন সারি যোগ করুন:

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";

亲自试一试

উদাহরণ 3

id="myRow" এর তালিকার ইনডেক্স স্থান 2 এ নতুন সারি যোগ করে, যা নিম্নলিখিত নিবেদন ধারণ করে:

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";

亲自试一试

উদাহরণ 4

প্রথম তালিকার শুরুতে নতুন সেল যোগ করুন। তালিকার rows সংকলন (.rows[0]) id এর "myTable" নিয়ে সমস্ত <tr> এলিমেন্টস এর সংকলন ফিরায়।

নম্বর [0] যা সনাক্ত করা হয়েছে, এই উদাহরণে, প্রথম তালিকার সারি। তারপর আমরা insertcell() এক্সিস স্থান -1 এ নতুন সেল যোগ করি:

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";

亲自试一试

উদাহরণ 5

id="myRow" এর তালিকার সারিতে প্রথম সেল মুছে দিন:

var row = document.getElementById("myRow");
row.deleteCell(0);

亲自试一试

উদাহরণ 6

তালিকার শুরুতে নতুন সারি যোগ করুন。

insertRow() মথুরে তালিকায় নির্দিষ্ট সিকিউয়েন্সে নতুন সারি যোগ করে, এই উদাহরণে, id="myTable" এর প্রথম স্থান (শুরু)।

তারপর আমরা insertCell() মথুরে নতুন সারিতে সেল যোগ করি。

var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

亲自试一试

HTML DOM TableRow অবজেক্ট