用另一个元素的本机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");
}