JavaScript 点击按钮更改标题内容:代码示例与常见问题
<div style='text-align: center;'>
<input id='b1' type='button' value='改变标题内容' onclick='changeAll()'>
<input id='b2' type='button' value='改变标题颜色' onclick='changeColor()'>
<input id='b3' type='button' value='删除最后一行' onclick='deleteTable()'>
</div>
<script>
//1. 点击 '改变标题内容' 按钮,需要将div中展示的标题内容替换为 '学员成绩表'
function changeAll(){
var tb01= document.getElementById('tb1')
tb01.innerHTML='学员成绩表'
}
这段代码中的问题在于没有给按钮绑定相应的点击事件函数。应该为每个按钮的onclick属性指定相应的函数名,并且函数名后面需要加上括号表示调用该函数。
正确的代码应该是:
```html
<div style='text-align: center;'>
<input id='b1' type='button' value='改变标题内容' onclick='changeAll()'>
<input id='b2' type='button' value='改变标题颜色' onclick='changeColor()'>
<input id='b3' type='button' value='删除最后一行' onclick='deleteTable()'>
</div>
```
另外,你提到的将div中展示的标题内容替换为'学员成绩表'的代码是正确的。请确保在div中有一个id为'tb1'的元素。
原文地址: https://www.cveoy.top/t/topic/qvnd 著作权归作者所有。请勿转载和采集!