如何使用javascript更改html中的属性

这是我的代码，那么如何更改宽度属性呢？

 <html>
<head>
<script type="text/javascript">
 document.getElementById("cpul").src="hello.jpg";
</script>
</head>
<body>

<img src="hi.jpg" width="100" height="100" id="cpul">

</body>
</html>

以上是失败的，图像根本没有变化！！

但是为什么当我使用这段代码（从其他站点复制）时，图像发生了变化

<html>
<head>
<title>JS DD Function</title>
<script type="text/javascript">
    function jsDropDown(imgid,folder,newimg)
 {
 document.getElementById(imgid).src="http://www.cookwithbetty.com/" + folder + "/" + newimg + ".gif";
 }
</script>
</head>
<body>
<table>
  <tr>
    <td>
Foods: <select name="food" onChange="jsDropDown('cful','images',this.value)">
       <option value="steak_icon">Steak</option>
    <option value="salad_icon">Salad</option>
    <option value="bread_icon">Bread</option>
    </select><br />
     </td>
  <td>
         <img src="http://www.cookwithbetty.com/images/steak_icon.gif" id="cful">

</body>
</html>

原文由 dramasea 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 245

<html> <head> <title>Foo</title> </head> <body> <img src="hi.jpg" width="100" height="100" id="cpul"> <script type="text/javascript"> document.getElementById("cpul").src="hello.jpg"; </script> </body> </html>

<html> <head> <title>Change my image width</title> <script type="text/javascript"> window.onload = function() { var myImage = document.getElementById("cpul"); myImage.src = "hello.jpg"; // change width myImage.width = 200; }; </script> </head> <body> <img src="hi.jpg" width="100" height="100" id="cpul"> </body> </html>

如何使用javascript更改html中的属性

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

什么是闭包？闭包有哪些应用场景？

Stack Overflow 翻译