87,921
社区成员
发帖
与我相关
我的任务
分享为什么setAttribute改变了值又回去了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
table{
border-collapse: collapse;
}
</style>
<script>
function add() {
var tjbdd = document.getElementById("tjbd");
tjbdd.setAttribute("border", "10");
}
</script>
</head>
<body>
<form method="get" action="">
<table border="1"id="tjbd" >
<tr>
<td>ID</td>
<td>name</td>
<td>age</td>
<td>caozuo</td>
</tr>
</table>
<button onclick="add()">tianjia</button>
</form>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
table{
border-collapse: collapse;
}
</style>
<script>
function add() {
var tjbdd = document.getElementById("tjbd");
tjbdd.setAttribute("border", "10");
}
</script>
</head>
<body>
<form method="get" action="">
<table border="1"id="tjbd" >
<tr>
<td>ID</td>
<td>name</td>
<td>age</td>
<td>caozuo</td>
</tr>
</table>
<button onclick="add()">tianjia</button>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
qq_26964525 2017-03-13
- 打赏
- 举报
<input type="button" value="添加" />
Faithcsdn 2017-02-22
- 打赏
- 举报
在 IE8(S) Firefox Chrome Safari Opera 中，BUTTON 元素 type 属性的缺省值为 submit，与规范描述相符，所以未设定 type 属性的 BUTTON 元素此时是一个提交按钮，点击该按钮会触发其所在表单的提交事件。
IE6 IE7 IE8(Q) 中，BUTTON 元素 type 属性的缺省值为 button，不是规范中规定的 submit，这导致未设定 type 属性的 BUTTON 元素此时是一个普通按钮，默认不具备提交功能
已经解决
天上下雨 2017-02-22
- 打赏
- 举报
设置button的类型type为button，不要执行表单提交
天际的海浪 2017-02-22
- 打赏
- 举报
button按钮默认是表单提交行为，表单提交 = 页面刷新
