练习:
添加三个按钮,三个输入框,一个表格,一个下拉列表。
需求:
- 第一个按钮点击增加表格的行,第二个按钮点击增加表格的列
- 第一个输入框输入要修改内容的单元格的行数,第二个输入框输入要修改内容的单元格的列数,第三个输入框输入要修改的值
- 第三个按钮为确认按钮,将三个输入框的数据校验后修改表格的值
- 点击表格,将所点击的单元格所在的行的数据传入到下拉列中
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM练习</title>
</head>
<body>
<div id="mainBody">
<input type="button" value="增加一行" onclick="addRow()">
<input type="button" value="增加一列" onclick="addColumn()"><br>
输入行:<input type="text" id="rows" maxlength="3"><br>
输入列: