如何在javascript中插入css？_Javascript_Jquery_Html_Css

如何在javascript中插入css？

javascript jquery html css

如何在javascript中插入css？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的剧本 <script type = "text/javascript"> function pic1() { document.getElementById("img").src = "../images/images/1.png"; } function pic2() { document.getElementById("img").src = "

这是我的剧本

<script type = "text/javascript">
        function pic1()
        {
            document.getElementById("img").src = "../images/images/1.png";
        }
        function pic2()
        {
            document.getElementById("img").src = "../images/images/2.png";
        }
</script>

解决

        .car
        {
            position: absolute;
            cursor: pointer;
            display: block;
            overflow:hidden;
            margin:0;
            padding: 0;
        }

<span class="car" style="width: 638px; height: 274px; top: 200px; left: 150px;">
<img src = "../images/images/1.png" id = "img" />
</span>

使用单独的css文件更好

Style.css：

.car
{
    position: absolute;
    cursor: pointer;
    display: block;
    overflow:hidden;
    margin:0;
    padding: 0;
{

#img
{
    width: 638px;
    height: 274px; 
    top: 200px; 
    left: 150px;
{

Page.html：

<head>
...
<link type="text/css" rel="stylesheet " href="style.css">
...
</head>
<body>
...
<span class="car">
<img src = "../images/images/1.png" id = "img" />
</span>
...
</body>

Span是块级元素的内联元素，图像有自己的宽度和高度，所以边界高度无法应用于过映像

请尝试以下url:[示例url][1]

[1]: http://jsfiddle.net/sathyanaga/4x4jvr00/

你的意思是你想给元素添加额外的类吗？对不起，我应该把css放在里面，你也可以把它放在一个单独的css文件中，并在html中添加指向该文件的链接

<head>
...
<link type="text/css" rel="stylesheet " href="style.css">
...
</head>
<body>
...
<span class="car">
<img src = "../images/images/1.png" id = "img" />
</span>
...
</body>

[1]: http://jsfiddle.net/sathyanaga/4x4jvr00/