溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

js控制tr顯示和隱藏

發(fā)布時(shí)間：2020-06-22 12:48:46 來(lái)源：網(wǎng)絡(luò) 閱讀：2780 作者：butcher36 欄目：開(kāi)發(fā)技術(shù)

很久沒(méi)有寫(xiě)代碼，最近新接了一個(gè)項(xiàng)目，開(kāi)始記錄自己開(kāi)發(fā)過(guò)程中遇到的一些問(wèn)題。

關(guān)于js控制tr的顯示與隱藏

最開(kāi)始寫(xiě)法是：

<tr id="att" >

<td >附件文件：</td>

<td>

            <div id="div_fujian">  

            <div class="input-outer"><input type="file" class="tuiTrim input" name="fujian" size="30" maxlength="15" id="fujian" tabindex="1"/></div>  

        </div>  

        <input type="button" id="btn_add2" value="增加附件" >

        </td>

        </tr>

js方法為：
function setDetailMsgRow(rowID,sel) {
    var row = document.getElementById(rowID); 
      if (row != null) { 
        if (sel.value == 0) { 
        	row.style.display = "block";
        } 
        else { 
        	row.style.display = "none"; 
        } 
    } 
}
但是最后在看效果的時(shí)候，發(fā)現(xiàn)，會(huì)有錯(cuò)位現(xiàn)象發(fā)生，如下圖

js控制tr顯示和隱藏

控制顯示的tr出現(xiàn)的時(shí)候，發(fā)生了錯(cuò)位現(xiàn)象，查找原因，如下：

使用display = block 就變成塊級(jí)元素了，這樣的設(shè)置會(huì)改變頁(yè)面的格局，這樣就會(huì)錯(cuò)位；

那么該如何設(shè)置，才可以實(shí)現(xiàn)js控制tr的顯示與隱藏呢，

可以把 display 屬性改為 table-row

對(duì)于table-row的說(shuō)明如下圖，大家可以學(xué)習(xí)一下，我是學(xué)到了

js控制tr顯示和隱藏


向AI問(wèn)一下細(xì)節(jié)

免責(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)容。

AI
助
手