getElementById 书写注意事项

最新推荐文章于 2021-05-13 20:45:11 发布
最新推荐文章于 2021-05-13 20:45:11 发布
阅读量863 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： ajax+jquery+js系列 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/k8080880/article/details/7380457
本文总结了在使用JavaScript进行表单验证时常见的三个错误：忽略.value属性、getElementById方法的大小写敏感性和与jQuery选择器混淆。这些错误可能导致验证功能失效。

最近在做项目中发现了这个样这个问题：

1、做表单验证时，document.getElementById().value  老是掉了.value 导致验证无效；

2、 有时候懒，把getElementById  不分大小写，写成了getelementbyid   导致验证无效；

3、与jquery 搞混淆了，把document.getElementById(“id”)写成了document.getElementById(“#id”)，js 是不需要“#”这个符号的；

ESLint 在SSR项目中的注意事项
AI架构全栈开发实战笔记
06-03 683
在前端开发中，代码的质量和一致性至关重要。ESLint是一个强大的代码检查工具，它可以帮助我们发现代码中的潜在问题，保证代码风格的统一。而SSR项目则是一种将网页在服务器端进行渲染，然后将渲染好的页面发送给客户端的技术，它能提升网站的性能和SEO效果。本文章的目的就是探讨在SSR项目中使用ESLint时需要注意的问题，范围涵盖了从ESLint的基本使用到在SSR项目中的特殊配置和应用。
前端面试汇总-React
分享前端工程化、动效魔法与性能之舞！
06-29 1448
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
getElementById的注意点
longtengg1的博客
05-13 291
getElementById前面只能是document，而getElementsByClassName前面可以是其它的dom对象； getElementById不可以操作动态创建的DOM元素；
getElementById()的注意事项
wujunlei1595848的博客
05-29 704
传入参数对应的ID的元素不存在，返回null； 传入参数大小写需与实际元素id特性严格匹配； 多个元素的id特性相同，方法返回文档中第一次出现的那个； ...
document.getElementById()
07-21
document.getElementById()对象和使用方法
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
javascript基础知识 getElementById
qrj20112的专栏
11-17 334
通过ID获取元素 在网页中我们通过id先找到标签然后进行操作。 语法：  document.getElementById(“id”)  例子： Old Header前面 否则会报elementId is null错误-->              var elementId=document.getElementById("hid");
HtmlAgilityPack使用——XPath注意事项
Oshyn —— 乐而学，学而乐
01-14 9088
在使用HtmlAgilityPack这个开源的类库进行网页内容解析的时候是非常的方便（使用方法见另一篇博客《HTML解析：基于XPath的C#类库HtmlAgiliytyPack》），其基于XPath路径语法进行高效的选择文档节点，当发起请求获取了网页html文件的时候，解析的大部分工作量就落到了XPath路径表达式的书写了。本文测试在VS2010开发环境，.NetFramework 4.0
如何在html页面上书写js
07-23
每种方式的具体写法、示例和注意事项 3. JavaScript的位置（head和body）对页面加载的影响 4. 异步加载脚本（async和defer） 5. 事件驱动和模块化的简要说明 6. 最佳实践建议 同时，我会在回答中引用相关引用...
用html写一张图，图片上有带链接的文本，文本通过markdown书写
最新发布
08-09
注意事项： - 如果图片大小不固定，需要确保容器能够正确包裹图片。 - 如果Markdown文本中包含多行或者复杂内容，可能需要调整overlay的宽度和样式。 - 确保Markdown解析安全：如果Markdown文本来自用户输入，...
通过ID获取元素getElementById
aomichen2432的博客
08-11 358
语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement]. 除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。 不过，最有效的方法是 getElementById()。 实例： ...
getElementById
xiongxianhe的专栏
01-11 1422
getElementById　　语法：　　oElement = document . getElementById ( sID ) 　　参数：　　sID :　必选项。字符串(String)。 　　返回值：　　oElement :　对象(Element)。 　　说明：　　根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组
getElementById()
weixin_30449453的博客
11-01 734
getElementById()：方法的用途是寻找一个有着给定id属性值得元素： element = document.getElementById(ID); 这个方法将返回一个有着给定id属性值得元素节点。如果不存在这样的元素，他返回null。这个方法只能用于document对象。 getElementById()方法返回的元素节点是一个对象，这个对象有着nodeName、node...
document.getElementById中大写"i"一定不要写成小写"l"!!!!
u011607686的博客
04-24 710
document.getElementById('fileName')中的**I**一定是**I**而不是**l**
Get element by ID in SAPUI5
Solaris_navi Tech Space
04-27 1358
var homeItem = sap.ui.getCore().byId(current_pid); homeItem.destroy();
GetElementById,GetElementName
huangzhen222的专栏
01-18 983
GetElementById方法（非常常用），根据元素Id获得对象，网页中Id不能重复，也可以直接通过元素的Id来引用元素，但是有有效范围之类的问题，因此不建议直接通过Id操作元素，而是通过GetElementById . GetElementById方法在VisualStudio2010中不能在Form中编写，否则有错误。                 functionbtnC
getElementById 使用
小牧在一直在学习,在前进的道路上大家一起学习，进步。
06-11 2753
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用 里面跟着的必须是元素ID属性值,如果class的值是不可以的 一个小demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)&l...
java getelement,Java DOM getElementByID
weixin_33229152的博客
02-16 212
I am using DOM parser in Java to add child nodes into existing nodes.My XML iscenternull#90909025Is there any way to directly add child nodes under existing ones? Can I use something like this?Node my...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值