CSS选择器获取错误信息相关问题
来源:4-13 html5默认气泡修改演示
RogerLeung
2018-04-11 12:10:11
图一,errorMessage=form.querySellectorAll(".error-message")中通过.error-message 这个CSS选择器获取到有这个类的元素,但是整个form表单的HTML中或者JS中并没有给错误信息添加".error-message"这个类啊。所以问题是:在图一这一步是怎么获取到相关的错误信息的?有什么隐含的内容吗?
4回答
好帮手慕糖
2018-04-12
你好,如果第一次提交的时候,errorMessage这个获取是个空的集合,但是并不会影响下面的执行。几个为空,那么第一个循环,但是第二个循环会执行,这样就向调单中插入了带有.error-message这个类的元素。然后再次单击的时候就可以获取到这个了,建议:可以分别输出下invalidFields与errorMessages来测试下哦。
祝学习愉快~
好帮手慕糖
2018-04-11
你好,建议:可以把你的代码粘贴过来,便于大家测试,与解决问题。
祝学习愉快~
RogerLeung
提问者
2018-04-11
好吧,我自己仍然没有解决自己的问题。
最后给插入的div添加error-message类是为了让这个div有相应的样式而已,跟前面querySellectorAll()筛选内容好像没有关系。
烦请老师或者助教解答。
RogerLeung
提问者
2018-04-11
我好像自己解决了,最后用parent.insertAdjacentHTML()插入的时候增加了类为.error-message的div
相似问题