table 标签禁用在 Chrome/Firefox 中有效吗？

Question

我正在使用以下代码，禁用功能在 IE 上工作得很好，但在 Chrome/Firefox 上却不行。我能知道为什么属性在 Chrome 中不起作用吗？我看到标签的值确实已设置，但它不起作用。

    <html>
    <body>
    <table id="gone">
    <tr>
    <td>
    <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    </select>
    </td>
    <td>
    </td>
    </tr>
    </table>
    <input type="button" value="Click me" onclick="myFun()">
    <script>
    function myFun() 
    {
    var ab=document.getElementById('gone');
    ab.setAttribute("disabled","disabled");
    }
    </script>
    </body>
    </html>

Answer 1

我认为它也不适用于 IE。您的函数工作正常，但您需要禁用 select，而不是 table。

Working fiddle

 function myFun() 
    {
    var ab=document.getElementsByTagName('select');
    ab[0].setAttribute("disabled","disabled");
    }

Answer 2

根据 W3c 的建议，以下 HTML 元素可以禁用 button、input、select、textarea、optgroup、option 和 fieldset "http://www.w3.org/TR/html5/disabled-elements.html" 所以如果你想禁用a table 那么这是不可能的，因为它没有任何禁用属性。

table 标签禁用在 Chrome/Firefox 中有效吗？

Does table tag disable work in Chrome/Firefox?

html

javascript

google-chrome

html-table

setattribute