为什么在body没有标签写class='error-message'也能实现CSS效果?

为什么在body没有标签写class='error-message'也能实现CSS效果?

而且form.querySelectorAll还能找得到(".error-message");

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

5回答
提问者 宗桦 2019-02-27 12:32:32

http://img1.sycdn.imooc.com//climg/5c7610aa0001fecd06590034.jpg

就是没看懂这一行,获取所有错误信息,可是在获取之前,没有给他定义一个<div class="error-message">咋获取的,在获取之前只是在style里面写了.error-message。为什么用.error-message就能直接找到之前的错误信息了?

  • 第一次获取的时候没有错误信息(因为还没有插入),再次点击按钮的时候才会获取第一次添加的错误信息,然后循环删除掉。
    2019-02-27 13:33:43
  • 提问者 宗桦 回复 好帮手慕星星 #2
    懂了,谢谢老师耐心讲解
    2019-02-27 13:51:40
好帮手慕星星 2019-02-20 14:00:05

你好,

同学不要着急,可以先将删除错误信息的代码注释掉,多次点击提交按钮时,错误信息就会添加多次:

http://img1.sycdn.imooc.com//climg/5c6ceb900001cd2b02780281.jpg

这样的效果明显是不对的。

所以需要在每一次添加新的错误信息之前,清除掉之前存在的错误信息,所以就需要在插入错误信息之前使用for循环清除掉之前的错误信息。

可以测试理解一下。

提问者 宗桦 2019-02-19 11:42:13

看的有点懵,那个图上的数字不理他

提问者 宗桦 2019-02-19 11:40:20

一般不是先有div,然后再用div的class名来操作嘛?为什么使用for循环插入错误信息之前就能删掉错误信息,http://img1.sycdn.imooc.com//climg/5c6b7a260001b20510530490.jpg

  • 删除的是之前存在的错误信息,然后再添加新的错误信息。第一次点击按钮提交的时候,错误信息还没有存在,第二次点击按钮的时候,for循环删除的是第一次添加的错误信息,然后再插入新的错误信息。这样就比较好理解了。
    2019-02-19 12:10:11
  • 提问者 宗桦 回复 好帮手慕星星 #2
    删除看的不是很明白,为什么可以用error-message的对象来删除之前存在的错误信息,它不是用来插入新的错误信息吗
    2019-02-20 13:01:25
好帮手慕星星 2019-02-13 09:23:02

你好,下面代码中使用for循环遍历,在页面中插入了错误信息:

http://img1.sycdn.imooc.com//climg/5c6370cb0001f9c212580413.jpg

插入错误信息之后,才能获取到错误信息。不需要在body标签中写class名称。如下:

http://img1.sycdn.imooc.com//climg/5c63716b000162e309790701.jpg

自己可以测试下,祝学习愉快!

  • 提问者 宗桦 #1
    插入错误信息后才能获取错误信息,执行了for循环后,为什么可以又执行获取错误信息这行代码呢?
    2019-02-27 12:22:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师