我怎样才能在html中组合javascript变量

时间:2014-11-19 17:30:48

标签: javascript html

我想知道如何用动态变量改变图片的大小,但我不能让它因某些原因而起作用。这是我的代码:

我的javascript块中有一个名为picH的变量:

  

var picH = 2;

然后我有我的html代码,它为图像提供了height属性:

  

img src =“img / 1.png”height =“picH”

我试图提供变量,但它似乎不起作用。如果我输入一个数字,大小确实会改变。

1 个答案:

答案 0 :(得分:1)

好吧首先,尽管可能很难过,但我同意上面的平均评论,你应该阅读一些HTML和JavaScript教程。 jQuery可能是一个很好的方法,但是相信它或者不是在过去我们使用JavaScript而没有花哨的框架的好处。我会说你正在开车的东西有点像这样:

<html>
    <head>
        <title>Webpage</title>
    </head>
    <body>
        <img src="img/1.png" id="theIDofTheImage">
    </body>
</html> 

<script>
    var picH = 2;
    var imageElement = document.getElementById("theIDofTheImage");
    imageElement.height = picH;
</script>

当然,我确信你做的事情有点复杂,但我想简单回答你的问题。

干杯!

〜JI