使用javascript設置屬性

Question

我想使用javascript將顯示設置為無錨標記。

我正在使用以下javascript

<script type="text/javascript">

    $(document).ready(function () {

        setTimeout(function () {

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

        }, 1000);

    });

 </script>

但是它給我錯誤Uncaught TypeError：無法設置未定義的屬性“ display”。

請注意：錨標記不在我的表單中。 我通過按F12按鈕（檢查元素）找到該標簽和ID。 我正在使用一個嵌入的代碼網址。 在該網址上，該錨標記存在

Answer 1

$("#SwitchToReadingMode-Small14")返回一個jQuery對象，因此它沒有style屬性。 相反，您可以使用jQuery提供的.hide（）方法來隱藏元素

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

Answer 2

您正在訪問的是jQuery對象，而不是DOM節點。 采用

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

或（更好）只是使用jQuery

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

Answer 3

那是因為在這里您使用的是JQuery而不是javascript DOM對象

更換：

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

通過：

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