Loading... ## 引言 找到一个`js`操作`DOM`的小练习,可以用来练习几个知识点。 ![获取设置表格内容](https://static.hw13.cn/usr/uploads/2024/11/335528366.png) 具体实现效果是: 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 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果您对各种技术博客文章感兴趣,欢迎关注拓行公众号,分享各种专业技术知识~