是否可以在JavaScript中访问CSS:target伪选择器?

时间:2017-07-03 10:48:58

标签: javascript css

我想设置一些图像的宽度,高度和位置,以便在JavaScript中放大它们。这种放大将通过链接到当前位置与目标特定图像(例如example.com#image-1)来实现。

我的计划是只使用JS来设置元素的目标大小和位置,并在页面加载和窗口大小调整时执行此功能。然后我将处理CSS中的过渡(图像放大)。我知道jQuery有一个:target selector但我目前没有使用jQuery。

    <img src="example.png" id="image-1">

    <style>
      #image-1 {
         height: 100px;
         width: 200px;
         position: absolute;
         top: 0;
         left: 0;
      }

      #image-1:target {
        //I would like to set this in js
        //based on screen size etc
       }
    </style>

非常感谢任何帮助!

0 个答案:

没有答案