用另一個元素的本機CSS樣式一個元素

Question

我想實現一段文本，其中某些單詞將使用瀏覽器的本機樣式設置為<a>標記。

這些單詞實際上可能在帶有href屬性的<a>標記中，以將用戶定向到另一個URL，或者它們可能在帶有js onclick函數的偽裝的<span>標記中。

如何獲取<a>標簽的本機樣式屬性並將其應用於我的<span>標簽？

Answer 1

很簡單：您不需要。

您可以使用SASS和LESS擴展元素的屬性，但不能擴展特定標簽的本機屬性。 更簡單的方法是為兩個元素提供相同的CSS類，並相應地設置其樣式。

這不應該是一場噩夢，因為<a>和<span>標記在頁面流中的行為非常相似。

Answer 2

獲取<a>元素的target屬性的值：

var x = document.getElementById("myAnchor").getAttribute("target");

獲取<button>元素的onclick事件屬性的值：

var x = document.getElementById("myBtn").getAttribute("onclick");

找出<button>元素是否具有onclick屬性：

var x = document.getElementById("myBtn").hasAttribute("onclick");

使用id="myAnchor"獲取<a>元素

var x = document.getElementById("myAnchor"); 

如果<a>元素具有目標屬性，則將該值設置為"_self"

if (x.hasAttribute("target")) {      
    x.setAttribute("target", "_self");
}