var show1ClickNum=0; var getS1=document.getElementsByClassName("rs1Set1")[0].querySelector("p"); function show1(){ show1ClickNum+=1; } switch(show1ClickNum){ case 1: getS1.innerHTML="欢迎你"; case 2: getS1.innerHTML="这是一个innerHTML的使用实例"; case 3: getS1.innerHTML="语法为innerHTML=\"这里是要修改的内容\""; }
时间: 2024-04-19 21:25:50 浏览: 79
你的代码中有几个问题需要注意:
1. 在 `switch` 语句之外,`switch` 语句不会被执行。你需要将 `switch` 语句放在 `show1` 函数内部,这样它才能根据点击次数进行判断和执行。
2. `switch` 语句中的 `case` 是连续执行的,除非你在每个 `case` 后面加上 `break` 语句。否则,即使点击次数不是 1,后续的 `case` 也会被执行。
3. 你需要将 `switch` 语句放在 `show1` 函数内部,并确保在每个 `case` 后面加上 `break` 语句。
修正后的代码如下所示:
```javascript
var show1ClickNum = 0;
var getS1 = document.getElementsByClassName("rs1Set1")[0].querySelector("p");
function show1() {
show1ClickNum += 1;
switch (show1ClickNum) {
case 1:
getS1.innerHTML = "欢迎你";
break;
case 2:
getS1.innerHTML = "这是一个innerHTML的使用实例";
break;
case 3:
getS1.innerHTML = "语法为innerHTML=\"这里是要修改的内容\"";
break;
default:
// 其他情况的处理
break;
}
}
```
这样,当点击触发 `show1` 函数时,根据点击次数的不同,`getS1.innerHTML` 的内容会被修改。
阅读全文