CSS选择器获取错误信息相关问题

来源:4-13 html5默认气泡修改演示

RogerLeung

2018-04-11 12:10:11

http://img.mukewang.com/climg/5acd89b0000119f414210156.jpg

http://img.mukewang.com/climg/5acd89b20001a03120340765.jpg

图一,errorMessage=form.querySellectorAll(".error-message")中通过.error-message 这个CSS选择器获取到有这个类的元素,但是整个form表单的HTML中或者JS中并没有给错误信息添加".error-message"这个类啊。所以问题是:在图一这一步是怎么获取到相关的错误信息的?有什么隐含的内容吗?

写回答

4回答

好帮手慕糖

2018-04-12

你好,如果第一次提交的时候,errorMessage这个获取是个空的集合,但是并不会影响下面的执行。几个为空,那么第一个循环,但是第二个循环会执行,这样就向调单中插入了带有.error-message这个类的元素。然后再次单击的时候就可以获取到这个了,建议:可以分别输出下invalidFields与errorMessages来测试下哦。

http://img.mukewang.com/climg/5acef775000169bc09030469.jpg

祝学习愉快~

0

好帮手慕糖

2018-04-11

你好,建议:可以把你的代码粘贴过来,便于大家测试,与解决问题。

祝学习愉快~

0
hogerLeung
h 这是讲课的视频里的截图
h018-04-12
共1条回复

RogerLeung

提问者

2018-04-11

好吧,我自己仍然没有解决自己的问题。

最后给插入的div添加error-message类是为了让这个div有相应的样式而已,跟前面querySellectorAll()筛选内容好像没有关系。

烦请老师或者助教解答。

0

RogerLeung

提问者

2018-04-11

我好像自己解决了,最后用parent.insertAdjacentHTML()插入的时候增加了类为.error-message的div

0
hogerLeung
h 感觉老师讲课的逻辑不是我们学生正常理解的逻辑,毕竟是提前准备过的,讲到这里的时候希望老师可以提一下“前面的CSS选择器是在这里起作用,前面style的样式是在这里起作用”之类的。
h018-04-11
共1条回复

0 学习 · 5012 问题

查看课程