yuesha
yuesha
发布于 2024-11-05 / 600 阅读 / 0 评论 / 0 点赞

JS操作DOM的小练习之表格获取设置值

写在前面

找到一个js操作DOM的小练习,可以用来练习几个知识点。

获取设置表格内容

具体实现效果是:

  1. 输入任意行列的值
  2. 然后输入想要修改的值
  3. 点击“修改”按钮
  4. 获取原先单元格的内容,并打印alert()
  5. 替换原先单元格内的值为新值

这里有几个实现的注意点:

  1. 如果行列找不到(超出现有的行列了),需要提示“找不到指定单元格”
  2. 如果替换值跟原先值一样,需要提示“内容一致,无需替换”

考察技术点细节

  1. Js如何获取DOM元素,分为四种情况
  2. 使用id选择器来捕获元素
  3. 使用类选择器来捕获元素
  4. 使用元素选择器来捕获元素
  5. 使用元素内的事件捕捉
  6. 如何获取DOM元素的具体值
  7. 如何设置DOM元素的具体值
  8. 超出选择区域判定
  9. 单纯获取不到
  10. 设置死具体值判定(if)
  11. 内容相同判定(if)

评论