gpt4 book ai didi

javascript 将变量传递给样式

转载 作者:行者123 更新时间:2023-11-28 16:30:39 29 4
gpt4 key购买 nike

screen_w = window.innerWidth;
screen_h = window.innerHeight;

获取窗口尺寸,然后将其设置为变量。有没有办法获取该变量然后以我的风格使用它?

如:

img
{
width:screen_w;
height:screen_h;
}

我已经尝试过

<script type="text/javascript"> 
<style>
img..
</style>
</script>

但这似乎不起作用..这是否可能,或者是否有其他方法来传递变量?

提前致谢。

///已添加

好的,下面的链接 ---v

正在讨论制作一个属于您的“风格”的节点

<script type="text/javascript">

var head = document.getElementsByTagName('head')[0],
style = document.createElement('style'),
rules = document.createNode('img { width:screen_w; height:screen_h; }');

style.type = 'text/css';
if(style.styleSheet)
style.styleSheet.cssText = rules.nodeValue;
else style.appendChild(rules);
head.appendChild(style);

</script>

所以对于我的 html,我只需要插入我的图片。

<img src="slide1.jpg">

但不知怎的,它仍然没有完全通过。

但是我可以让“document.getElementById 工作。有没有一种方法可以在没有按钮的情况下执行此操作..如 onLoad()?

function changeSize()
{
document.getElementById("picture").height= screen_h;
document.getElementById("picture").width= screen_w;
}
</script>

</head>

<body>

<img id="picture" src="slide1.jpg" width="300" height="98" />
<br /><br />
<input type="button" onclick="changeSize()" value="Change size of image" />

最佳答案

您无法将变量传递给 CSS。

但是,您可以直接使用 JavaScript 来更改图像样式(包括尺寸)。

关于javascript 将变量传递给样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6144182/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com