document.getElementsByName 对我不起作用？

Question

我正在用篡改猴子制作一个脚本，它会自动点击一个元素。当我在 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（） 的更多信息