引言
找到一个js
操作DOM
的小练习,可以用来练习几个知识点。
具体实现效果是:
- 输入任意行列的值
- 然后输入想要修改的值
- 点击“修改”按钮
- 获取原先单元格的内容,并打印
alert()
- 替换原先单元格内的值为新值
这里有几个实现的注意点:
- 如果行列找不到(超出现有的行列了),需要提示“找不到指定单元格”
- 如果替换值跟原先值一样,需要提示“内容一致,无需替换”
考察技术点细节
Js
如何获取DOM
元素,分为四种情况- 使用
id
选择器来捕获元素 - 使用类选择器来捕获元素
- 使用元素选择器来捕获元素
- 使用元素内的事件捕捉
- 使用
- 如何获取DOM元素的具体值
- 如何设置DOM元素的具体值
超出选择区域判定
- 单纯获取不到
- 设置死具体值判定(if)
- 内容相同判定(if)