document.getElementsByName對我不起作用？

Question

我正在用tampermonkey編寫腳本，該腳本會自動單擊一個元素。 當我在chrome中檢查元素時，我嘗試單擊的元素是這樣制成的：

<span id="result_5_name" class="market_listing_item_name" style="color: #FFD700;">Item | Anodized Navy</span>

¨

我嘗試制作的腳本如下所示：

function detectandclick {
    var item = document.getElementsByName('Item | Anodized Navy');

    item[0].click();
}

我是編程的新手，所以這里可能確實有些錯誤。

PS：我不想使用getElementsById或類，我需要通過在網頁上顯示的名稱來獲取元素。

感謝您的幫助！

Answer 1

將您的HTML更改為此：

<span id="result_5_name" name="result_5_name" class="market_listing_item_name" style="color: #FFD700;">Item | Anodized Navy</span>

現在，以下代碼段將起作用：

function detectandclick {
  var item = document.getElementsByName('result_5_name');

  item[0].click();
}

Answer 2

getElementsByName()返回匹配項數組的元素，因此您可以使用索引訪問數組的特定項。 喜歡

function detectandclick {
    var item = document.getElementsByName('somename')[0].click();
}

<span id="result_5_name" name="somename" class="market_listing_item_name" style="color: #FFD700;">Item | Anodized Navy</span>

有關getElementsByName（）的更多信息