隨著互聯網技術的高速發展，JavaScript已經成為了Web前端開發中不可或缺的一部分。在JavaScript中，獲取HTML下一個標簽中的Href是一個非常常見的需求，那么該如何實現才能夠獲取到所需的Href呢？下面就為大家介紹幾種不同的方法。

方法一：使用document.getElementsByTagName方法

var hrefList = document.getElementsByTagName("a");
for (var i = 0, len = hrefList.length; i < len; i++) {
console.log(hrefList[i].href);
}

這種方法非常簡單，只需調用getElementsByTagNames方法即可獲取到HTML頁面中所有的鏈接標簽，同樣也可以獲取到其他標簽的href屬性。然后通過遍歷獲取到的鏈接列表，再通過“.href”獲取到每個標簽的href屬性值。

方法二：使用document.querySelectorAll方法

var hrefList = document.querySelectorAll("a");
for (var i = 0, len = hrefList.length; i < len; i++) {
console.log(hrefList[i].href);
}

這種方法同樣非常簡單，只需調用querySelectorAll方法即可獲取到HTML頁面中所有的鏈接標簽，同樣也可以獲取到其他標簽的href屬性。然后通過遍歷獲取到的鏈接列表，再通過“.href”獲取到每個標簽的href屬性值。

方法三：使用jQuery中的attr方法

$("a").each(function() {
console.log($(this).attr("href"));
});

這種方法使用了jQuery庫中的attr方法，同樣傳入“href”作為參數即可獲取到每個鏈接標簽的href屬性，同樣也可以獲取到其他標簽的href屬性。這種方法比較簡單，只需遍歷所有的鏈接標簽即可。

以上所述三種方法均可用于獲取HTML中的href屬性，其實還有很多不同的方法可以用來實現這一需求，這里我們只列舉了其中的幾種比較簡單易用的方法。不同的方法在性能、兼容性和適用范圍等方面有所不同，大家可根據具體情況選擇適合的方法。當然，如果您有更好的實現方法，也歡迎您進行分享！