更改所有文档链接颜色Javascript

有没有办法将页面上的所有链接同时更改为某种颜色？如：更改所有文档链接颜色Javascript

document.anchors.style.color = "red";

可能带有onclick功能我在想。到目前为止没有运气。

来源

2011-10-14 Howdy_McGee

也许动态地为此创建一个css。

var styleElement = document.createElement("style"); 
styleElement.type = "text/css"; 
if (styleElement.styleSheet) { 
    styleElement.styleSheet.cssText = "a { color: red }"; 
} else { 
    styleElement.appendChild(document.createTextNode("a { color: red; }")); 
} 
document.getElementsByTagName("head")[0].appendChild(styleElement);

来源

2011-10-14 06:18:47 Eduardo

+1，不铃铛答案非常感谢！ – 2011-10-14 06:24:08

document.anchors返回一个数组，你应该循环它们。

var anchors = document.anchors; 
for(var i=0, m=anchors.length; i<m; i++){ 
    anchors[i].style.color = "red"; 
}

来源

2011-10-14 06:15:21 wong2

已经回答了，不过我很好反正版本:)

<html> 
    <head> 
     <script type="text/javascript"> 
     var ChangeColors = function() { 
      var elem = document.createElement('style'); 
      elem.setAttribute("type", "text/css"); 
      var style = document.createTextNode("A, A:hover, A:visited { color: red; }") 
      elem.appendChild(style); 
      document.getElementsByTagName("head")[0].appendChild(elem); 
     } 
     </script> 
    </head> 
    <body> 
     <a href="#">Some Link</a><br /> 
     <a href="http://www.google.com">Some Other Link</a><br /> 
     <input type="button" onclick="ChangeColors();"/> 
     <a href="#">Some Link 2</a><br /> 
     <a href="#">Some Link 3</a><br /> 
    </body> 
</html>

来源

2011-10-14 06:25:33 Vinzenz

向下投票人：如果你能解释为什么你投下了这个帖子，那将是非常感谢。谢谢。 – Vinzenz

更改所有文档链接颜色Javascript

回答

相关问题