隱藏表格的第五行

Question

我有一個帶有五行表格的 html 文檔。

當所選值不是 1 時，我想隱藏表格的最后一行。

var tabla = document.getElementsByTagName('table')[0];
var fila = tabla.rows[4];
var selección = document.getElementById('vinculo');
selección.onchange = function() {procesar_cambio()};
function procesar_cambio() {
    console.log('Procesar cambio. Ahora el valor es ' + selección.value + '.');
    if (selección.value === 1) {
        fila.display = '';
    } else {
        fila.display = 'none';
    }
}

該代碼沒有隱藏表格的最后一行。

這段代碼有什么問題？

Answer 1

試試fila.style.display = 'none';

Answer 2

您的代碼中有兩個問題：

1. 元素的輸入值是字符串類型，因為您使用===來比較您必須將值轉換為數字的值。

2. display屬性屬於元素的 style 屬性。

嘗試

if (Number(selección.value) === 1) {
    fila.style.display = 'block';
} else {
    fila.style.display = 'none';
}