HTML属性中的Javascript变量

Question

我知道有很多关于此的帖子,但我找不到我的具体问题的答案.

我想将JS变量设为HTML属性的值

<script> var screenWidth = screen.width </script> 

<img src="images/title.png" width="VARIABLE HERE" style="margin-top: 3%"`

VARIABLE HERE是我想要screenWidth变量的地方.有什么好处呢？

谢谢,本

Answer 1

这应该工作:

<script>var screenWidth = screen.width;</script> 
...
<img src="images/title.png" onload="this.width=screenWidth;" style="margin-top: 3%">

Answer 2

为标签添加ID.

即 <img id="xxxx" ...>

然后用

 document.getElementById('xxx').setAttribute('width', 'somevalue')

请参见setAttribute

或者使用JQuery作为另一张海报