使用另一个本地css来设置一个元素

Question

我想实现一段文字，其中一些单词被设置为<a>标签，并带有浏览器的原生样式。

这些单词可能真的位于带有href属性的<a>标记中，用于将用户引导到另一个网址，或者它们可能位于带有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");

获取<a>

的id="myAnchor"元素

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

如果<a>元素具有目标属性，请将值设置为"_self"

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