使用javascript设置属性答案

【问题标题】：set attribute using javascript使用javascript设置属性
【发布时间】：2014-10-30 12:22:57
【问题描述】：

我想使用 javascript 将显示设置为无锚标记。

我正在使用下面的javascript

<script type="text/javascript">

    $(document).ready(function () {

        setTimeout(function () {

            $("#SwitchToReadingMode-Small14").style.display = 'none';

        }, 1000);

    });

 </script>

但它给了我错误 Uncaught TypeError: Cannot set property 'display' of undefined.

请注意：锚标记不在我的表单中。我通过按 F12 按钮（检查元素）找到该标签和 ID。我正在使用一个嵌入式代码网址。在该网址上存在此锚标记

【问题讨论】：

标签： javascript jquery asp.net

【解决方案1】：

$("#SwitchToReadingMode-Small14") 返回一个 jQuery 对象，因此它没有 style 属性。相反，您可以使用jQuery提供的.hide()方法来隐藏元素

$(document).ready(function () {
    setTimeout(function () {
        $("#SwitchToReadingMode-Small14").hide();
    }, 1000);
});

【讨论】：

【解决方案2】：

您在这里访问的是 jQuery 对象，而不是 DOM 节点。使用

$("#SwitchToReadingMode-Small14")[ 0 ].style.display = 'none';

或者（更好）只使用 jQuery

$("#SwitchToReadingMode-Small14").hide();

【讨论】：

我试试这个。没有给出任何错误。但也没有奏效。它没有隐藏锚元素

【解决方案3】：

那是因为这里你使用的是 JQuery 而不是 javascript DOM 对象

替换：

 $("#SwitchToReadingMode-Small14").style.display = 'none';

作者：

document.getElementById("SwitchToReadingMode-Small14").style.display = "none";

【讨论】：

也试试这个代码。它给出了错误未捕获的类型错误无法读取 null 的属性“样式”