在JavaScript中從網頁中獲取URL鏈接

Question

基本上試圖在JS（Firefox插件）中弄清楚如何從我當前正在訪問的網頁中獲取URL。 我已經看過網上了，但無法正常工作。 具體標簽如下：

<a class="down-btn sec-place" href="http://link.com" view="item for view">Viewing</a>

它在div，ul和li標簽內。 我不確定是否需要提供更多信息或實際標簽，所以請隨時告訴我。

感謝大家

- 編輯

到目前為止，謝謝大家，就我所嘗試的而言，我通常使用的是

document.getElementsByClassName('down-btn sec-place')[0]

和

my_a_dom_node.getAttribute('href', 2);

通常，我會收到“ Reference error: Document not provided error 。

Answer 1

您可以使用document.querySelector查找所需的元素

var link = document.querySelector('.down-btn.sec-place');
var url;

if (link) {
    url = link.href;
}

只要記住，如果多個元素與該選擇器匹配，它將僅返回第一個匹配的元素。 如果要全部獲取，請改用document.querySelectorAll

選擇器字符串的語法與CSS選擇器相同，因此，如果要更加具體，僅選擇ul和li下的鏈接，請切換到ul > li > a.down-btn.sec-place

Answer 2

嘗試

var href = $(".sec-place").attr('href');