javascript - 如何在 javascript 中插入 css？-6ren

javascript - 如何在 javascript 中插入 css？

转载作者：行者123 更新时间：2023-11-28 08:59:28

这是我的脚本

<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>

这是我的html

<span class="background" style="width: 950px; height: 642px; top: 0px; left: 0px">
</span>
<span class="car">
<img src = "../images/images/1.png" id = "img" /> 
</span>
<span class="car2">
<img src = "../images/thumbs/3.png"<input type="button" value="show"onclick="pic2()" />
</span>

我想为每个元素添加 css 作为“图像”显示在一个位置，拇指显示在另一个位置。它应该是这样的。汽车或 pic2() 应位于页面中间，汽车颜色应位于页面底部。

        .car
        {
            position: absolute;
            cursor: pointer;
            display: block;
            overflow:hidden;
            margin:0;
            padding: 0;
            width: 638px; 
            height: 274px; 
            top: 200px; 
            left: 150px;
        }
        .car-colour
        {
            position: absolute;
            cursor: pointer;
            display: block;
            overflow:hidden;
            margin:0;
            padding: 0;
            width: 70px; 
            height: 70px; 
            top: 500px; 
            left: 80px;
        }

已解决

        .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 文件更好。

样式.css:

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

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

页面.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>

关于javascript - 如何在 javascript 中插入 css？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26991862/