引言

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

获取设置表格内容

获取设置表格内容

具体实现效果是:

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

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

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

考察技术点细节

  1. Js如何获取DOM元素,分为四种情况

    1. 使用id选择器来捕获元素
    2. 使用类选择器来捕获元素
    3. 使用元素选择器来捕获元素
    4. 使用元素内的事件捕捉
  2. 如何获取DOM元素的具体值
  3. 如何设置DOM元素的具体值
  4. 超出选择区域判定

    1. 单纯获取不到
    2. 设置死具体值判定(if)
  5. 内容相同判定(if)

欢迎关注拓行公众号,分享各种技术博客文章

拓行——奋勇进取,开拓未来,砥砺前行

最后修改:2024 年 11 月 05 日
如果您对各种技术博客文章感兴趣,欢迎关注拓行公众号,分享各种专业技术知识~