使用javascript设置属性

set attribute using javascript

本文关键字：属性 设置 javascript 使用      更新时间：2023-09-26

我想使用javascript将display设置为none of anchor标记。

我正在使用以下javascript

<script type="text/javascript">
    $(document).ready(function () {
        setTimeout(function () {
            $("#SwitchToReadingMode-Small14").style.display = 'none';
        }, 1000);
    });
 </script>

但它给了我错误Uncaught TypeError:无法设置未定义的属性"display"。

请注意：锚标记不在我的表单中。我通过按F12按钮（检查元素）找到那个标记和id。我使用的是一个嵌入的代码url。在该url上，该锚标记存在

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

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

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

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

或者（更好）只使用jQuery

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

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

替换：

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

发件人：

document.getElementById("SwitchToReadingMode-Small14").style.display = "none";
相关文章：