给出示例：
<head>
<meta http-equiv="content-type" content="text/html;charset=GBK">
<script type="text/javascript">
function clearVal() {
// 获取文本框对象
var el = document.getElementById('num');
if (el) {
// 将文本框对象值清空
el.value = '';
}
}
</script>
</head>
<body>
<form action="Untitled-3.html" name="form" method="post">
<div>Tem<br><input type="text" name="num" id="num" value='7' /></div>
<div>
<input type="button" value="按钮" onclick="clearVal();"/>
</div>
</form>
</body>
</html>追问
你好，如果不声明前面的函数，而是直接onclick="document.getElementById('num').value='' "行不行呢？
追答当然可了：
<input type="button" value="按钮" onclick="document.getElementById('num').value = '';"/>追问怎么清楚表格里面的内容呢？
追答javascript脚本：
function clearTable() {// 清除整个表格里面的内容
var el = document.getElementById('tableEl');
if (el) {
for(var i = 0; i < el.rows.length; i++) {
var row = el.rows(i);
for(var j = 0; j < row.cells.length; j++) {
var cell = row.cells(j);
cell.innerText = ' ';
}
}
}
// 如果是要清除一个指定的单元格，则需要为该单元格加上ID
// 然后通过document.getElementById方法获取这个对象
// 调用对象的innerText=""的方法就可以完成。
}
HTML部分代码：
<input type="button" value="清除表格内容" onclick="clearTable();"/>
<table id="tableEl" border=1 width=400>
<tr>
<td>标题1</td>
<td>标题2</td>
<td>标题3</td>
<td>标题4</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
温馨提示：答案为网友推荐，仅供参考
第1个回答 2013-11-21
假设按钮id为btn，文本框id为text，给btn添加点击事件，对text清除内容，代码如下：
<script>window.onload=function(){
var oBtn=document.getElementById("btn");
var oTxt=document.getElementById("text");
oBtn.onclick=function(){
oTxt.value="";//实际操作代码
}
}
</script>
第2个回答 2013-11-21
写一个按钮click事件，当单击按钮时
document.getElementById("文本框的ID").value="";
就可以了。。。
document.getElementById("文本框的ID").value="";
就可以了。。。
第3个回答 2013-11-21
需要用js来做了，找到这个节点，清除内容。
相似回答