document.styleSheets[0]是个啥

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/css.css" />
        <style>
        .css01{
            background-image: url(img/01.png);
        }
        </style>
        <script>
        // 无论link还是<style></style>，从前往后依次是0，1，2……
        alert(document.styleSheets[0].rules[0].style.backgroundImage);
        alert(document.styleSheets[1].rules[0].style.backgroundImage);
        </script>
    </head>

    <body>
        <input type="file" id="inputFile" onchange="GetFilePath()" />
    </body>
</html>

时间： 2024-10-05 19:21:01

document.styleSheets[0]是个啥的相关文章

document.styleSheets

伪元素是不能选中的,如果非要改他的样式,两个方法. 静态方法: addClass的时候,新add的class带有新的伪元素. 动态方法: 如果知道它在document.styleSheets对象中的位置,直接抓出来.style=改写但是我们怎么可能知道它的位置呢,除非用for循环查找. 于是就有牛人写了一个伪查找: 1 <!DOCTYPE html> 2 <title>CSS</title> 3 4 <style> 5 body { 6 font: 200

利用js代码:document.forms[0].approval.value='false'，当点击 <input type="image"按钮向表单传递不同的参数。

<form action="flow_myTaskList"> <input type="hidden" name="approval" value="true"/>  <div id="InputDetailBar" style="float:none"> <!--onclick事件在submit之前触发-

document.forms[0].submit object is not a function

今天在做项目的时候发现了一个问题:document.forms[0].submit object is not a function. 这个问题是在用JavaScript 代码来提交一个表单时发生的. <form action=".action" method="post"> <input type="text" name="member.name"/> <input type="but

CSS选择器优先级【转】

样式的优先级多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况. 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式. 示例如下: <head> <style type="text/css&

Chrome自带恐龙小游戏的源码研究(完)

在上一篇<Chrome自带恐龙小游戏的源码研究(七)>中研究了恐龙与障碍物的碰撞检测,这一篇主要研究组成游戏的其它要素. 游戏分数记录如图所示,分数及最高分记录显示在游戏界面的右上角,每达到100分就会出现闪烁特效,游戏第一次gameover时显示历史最高分.分数记录器由DistanceMeter构造函数实现,以下是它的全部代码: 1 DistanceMeter.dimensions = { 2 WIDTH: 10, //每个字符的宽度 3 HEIGHT: 13, //每个字符的高 4 DE

javaScript之动态样式

动态添加样式可以实现更好的视觉效果和交互效果,下面就介绍一下如何动态和删除样式: 方法一.使用obj.className来修改样式表的类名 obj.className = “style1”; 方法二.使用obj.style.cssTest来修改嵌入式的css obj.style.cssText = "background-color:black; display:block;color:White; 方法三.使用obj.style.stylePro来修改嵌入式的css obj.style

DOM Style样式对象的详细用法

DOM Style样式对象的详细用法 HTML Style样式比较复杂,相应访问.修改方法也有所差异.参考相关资料,整理如下. 典型Html文件如下,有三种定义方式. <head> <style type="text/css"> /* 内部样式 */ h3 {color:green;} </style>

【温故而知新-Javascript】为DOM元素设置样式

1. 使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式. 1.1 获得样式表的基本信息第一步是获得定义在文档中的样式表的一些基本信息. <!DOCTYPE html> <html lang="en"> <head> <meta charse

JS浏览器端

DOM 操作 CSS 1 内联样式的操作 DOM 操作某样式属性的写法规范: CSS 样式属性 DOM 写法 background-color node.style.backgroundColor color node.style.color font node.style.font font-family node.style.fontFamily 对于浏览器兼容性写法如下: node.style.webkitTransform = ""; 比较重要常见 node.style.Moz