您好,登錄后才能下訂單哦!
這篇文章主要為大家詳細(xì)介紹html前端基礎(chǔ)中有關(guān)table和select的操作,配合代碼閱讀理解效果更佳,非常適合初學(xué)者入門(mén),感興趣的小伙伴們可以參考一下。
table標(biāo)簽和其它標(biāo)簽不一樣,他有屬性和方法。
table屬性:
rows 可以得到table的row集合
cells 得到table所有單元格
table方法:
insertRow() 創(chuàng)建一個(gè)row并且添加到rows集合中
deleteRow(index) 從表格中刪除指定行
moveRow(tr,index) 將行移動(dòng)
tr屬性:
cells 得到tr中所有單元格的集合
sectionRowIndex 得到該行在rows中的編號(hào)
tr方法:
insertCell 在tr中創(chuàng)建并且添加到tr的cells中
deleteCell(index) 刪除指定index的cell
那能干什么?能干什么?干什么?什么???
select:
聯(lián)動(dòng)列表?沒(méi)錯(cuò),你終于知道你為什么不會(huì)做聯(lián)動(dòng)列表了。
//首先就是為需要聯(lián)動(dòng)的select添加聯(lián)動(dòng)綁定 <select name="" id="select_1" onChange="choose()"> <option value="val_1">val_1</option> </select> //下面是第二級(jí) < select name = "" id = "select_2" > //默認(rèn)的下拉列表,保持和第一級(jí)一致 < /select>
//綁定的聯(lián)動(dòng)函數(shù) function change() { var select_1 = document.getElementById("select_1"); var select_2 = document.getElementById("select_2"); //最重要的就是清除第二級(jí)下拉列表 select_2.length = 0; //根據(jù)第一級(jí)聯(lián)動(dòng)的value來(lái)添加 if(select_1.value == "") { //創(chuàng)建一個(gè)option var op = new Option("value", "inner"); //添加到第二級(jí)下拉 select_2.add(op); } else if() { //其他項(xiàng)目 }; };
沒(méi)錯(cuò),就是利用length清空下拉列表,然后通過(guò)new Option()新建的下拉項(xiàng),然后通過(guò)select的add()依次添加就好了。
以上就是table和select操作的詳細(xì)內(nèi)容,代碼示例簡(jiǎn)單明了,如果在日常工作遇到此問(wèn)題。通過(guò)這篇文章,希望你能有所收獲,更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。