javascript查看页面引用css文件的代码

发布时间:2020-11-28编辑:脚本学堂
本文介绍一个可以查看页面引用哪些css文件的js代码,有需要的朋友,可以参考下。

代码如下:

<script language="javascript">
/**
 * 查看页面引用的css文件
 * Edit www.jb200.com
*/
 var cssStyle = document.styleSheets;
 for (var i = 0; i < cssStyle.length; i++) {
     if (cssStyle[i].href != null) {
  var csshref = cssStyle[i].href;
  if (csshref.indexOf("blue") > 0) {
      tmpcssColor = "#F5FAFF";
      break;
  }
  else if (csshref.indexOf("default") > 0) {
      tmpcssColor = "#FFF8E8";
      break;
  }
  else if (csshref.indexOf("green") > 0) {
      tmpcssColor = "#F4FAF0";
      break;
  }
     }
 }
</script>

附一个用getElementsByTagName遍历HTML DOM元素的简单例子。

<script language="javascript">
/**
 * 遍历Html DOM元素
 * Edit jbxue
*/
var eles = document.getElementsByTagName("div");
    for (var i = 0; i < eles.length; i++) {
 if (eles[i].id.indexOf("ddd_") != -1) {
     alert("找到div:" + eles[i].id);
 }
}
</script>