使用javascript设置属性

时间:2014-10-30 12:22:57

标签: javascript jquery asp.net

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

我正在使用以下javascript

<script type="text/javascript">

    $(document).ready(function () {

        setTimeout(function () {

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

        }, 1000);

    });

 </script>

但是它给了我错误Uncaught TypeError:无法设置属性&#39; display&#39;未定义的。

请注意:锚标签不在我的表单中。我通过按F12按钮(检查元素)找到该标签和id。我使用了一个嵌入式代码网址。在该URL上,此锚标记存在

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

您正在访问jQuery对象,而不是此处的DOM节点。使用

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

或(更好)只使用jQuery

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

答案 2 :(得分:0)

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

取代:

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

由:

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