dra*_*sea 3 javascript attributes image
这是我的代码,那么如何更改width属性？
<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>
您的代码无法正常工作的最可能原因是它在元素存在于DOM之前执行.您应该将代码设置为在窗口load事件上运行或将其放在文档的末尾,以确保在您尝试访问它之前该元素存在.
<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>
| 归档时间： |
|
| 查看次数： |
29474 次 |
| 最近记录： |