1.获取input框内的文本
<style>
table {
border-collapse: collapse;
}
table,
td,
th {
width: 200px;
border: 1px solid black;
}
</style>
<table id="a">
<tr>
<th>name</th>
<th>email</th>
<th>salary</th>
<th> </th>
</tr>
<tr>
<td>tom</td>
<td>tom@qq.con</th>
<td>5000</th>
<td><a href="deletemp?id=001">delete</a></td>
<!-- // 等价于 -->
<!-- <th><a href="javascrpt:;">delete</a></th> -->
</tr>
<tr>
<td>jery</td>
<td>jery@qq.con</td>
<td>20000</td>
<td><a href="deletEmp?id=002">delete</a></td>
</tr>
</table>
<br />
<br />
<br />
<table id="a">
<tr>
<td class="word">name: </td>
<td class="inp">
<input type="text" name="name" id="enpname" />
</td>
</tr>
<tr>
<td class="word">email: </td>
<td class="inp">
<input type="text" name="email" id="enpemail" />
</td>
</tr>
<tr>
<td class="word">salary: </td>
<td class="inp">
<input type="text" name="salary" id="enpsalary" />
</td>
</tr>
</table>
<button id="addemobutton" value="abc" style="margin-left:50px;">
submit
</button>
</div>
// 先给获取submit的ID 并通过ID 绑定单击事件
var submit = document.getElementById("addemobutton")
submit.onclick = function () {
// 获取input框内的文本
var name = document.getElementById("enpname").value
var email = document.getElementById("enpemail").value
var salary = document.getElementById("enpsalary").value
}
网友评论