标签可以有id属性吗

时间:2023-01-29 23:18:43
刚学JavaScript,尝试编一个简单的代码,期望的是单击一个id为“jump”的按钮,就能实现图片切换的功能,所以想通过改变图片的src属性值来实现,于是就给图片设定了一个id值,(可能这是这里出现了问题,难道<img>不能设定id??)然后通过 document.getElementById("image2").src="bb.jpg";来设置图片的src属性,但是却出现了问题,而且只要代码中使用了<img>的id,就会出错。

代码如下:(注释掉之后,没有问题,但只要取消两个注释的地方,就会出错)

<html>
<head>
<title>javascript testing</title>
<script type="text/javascript">

function jump()
{
location.replace("http://www.baidu.com");//跳到百度
}

/* 
   function switch()
   {
      document.getElementById("image2").src="bb.jpg";//切换图片
   }
*/

</script>
</head>

<body>
<center>
<div id="div1">
<img id="image2" src="aa.jpg">
</div>
<div id="div2">
<form>
<input type="button" id="jump" value="跳到百度" onClick="jump()">
<!-- <input type="button" id="switch" value="切换图片" onClick="switch()">  注释,期望实现切换图片功能  -->
</form>
</div>
</center>
</body>
</html>
(
注释掉之后,没有问题,但只要取消两个注释的地方,就会出错)
我就想知道为什么会错,为什么取消注释之后不能实现图片切换的功能?

6 个解决方案

#1


你要切换多少给图片 有没有个数量

#2


switch是JS的关键字,给函数换个名字,比如叫 switchpic就好了

#3


switch是js的保留关键字,不能用来定义函数名,你换个函数名就行了

#4


可以有~

#5


function _switch()
  {
  document.getElementById("image2").src="bb.jpg";//切换图片
  }

前面加个下划线之类的~·

改个名字。。。

#6


多谢大家,真的是因为保留字的问题,刚才换了一个函数名,OK了,而<img>确实可以有id,这个问题困惑我很久了,初学html的书上一般都没有介绍<img>可以有id属性,只是在asp.net和jsp里见过,我一直以为是html不支持

#1


你要切换多少给图片 有没有个数量

#2


switch是JS的关键字,给函数换个名字,比如叫 switchpic就好了

#3


switch是js的保留关键字,不能用来定义函数名,你换个函数名就行了

#4


可以有~

#5


function _switch()
  {
  document.getElementById("image2").src="bb.jpg";//切换图片
  }

前面加个下划线之类的~·

改个名字。。。

#6


多谢大家,真的是因为保留字的问题,刚才换了一个函数名,OK了,而<img>确实可以有id,这个问题困惑我很久了,初学html的书上一般都没有介绍<img>可以有id属性,只是在asp.net和jsp里见过,我一直以为是html不支持