获取错误信息问题
来源:4-13 html5默认气泡修改演示
是否可以坚持走得更远些
2018-09-06 18:29:16
errorMessages = form.querySelectorAll( ".error-message" )没搞懂这句代码,当点击提交的时候,这句代码怎么就能获取到全部的错误信息了? error-message 这个类也只是我们预先自定义的样式呀,不是仅此而已吗?
1回答
error-message是错误信息元素的一个样式 ,通过querySelectorAll("error-message")方法可以获取元素 . 也就是使用元素的class获取到这个元素对象 , 视频中代码如下 :
如上红框部分 ,是在点击提交按钮的事件中 , 遍历给每个输入框添加一个错误提示信息 , 如下 :
所以在点击提交按钮时 ,会在html中添加如上两个元素 . 所以当再次点击时 ,需要使用元素的类名error-message获取到这两个元素的对象 , 如果存在的话 ,先使用如下代码移除
然后再重新添加错误提示信息 , 否则就会一直重复添加了了 ,如下 :
希望解答了你的疑惑 ,祝学习愉快 ,望采纳
相似问题