getElementsByName 为什么不起作用(长度为0)
今天研发的同事写原生js的时候事件一直不执行,让过去帮忙调试,过去后看到他用的是getElementsByName属性,这个属性我基本没用过,一般用的是获取Id或者TagName。看到w3c对这个方法的解释,感觉别人用的很合情合理,于是在这个基础上一直试,获取数组长度一直为0,而且各种获取内容的方法都用了,就是不起作用,最后无奈给他用jQuery写了。
回到工位一直纠结这个问题,自己网上也查了很多,写的都一样,将他们的代码复制过去一样不起作用,想到js存在兼容问题,最后就搜了下兼容问题,结果却发现问题出在了name属性上,赶忙又用具有name属性的标签测试了一番,得到了想要的效果。
这个问题的根源实际上还是HTML代码写的不规范引起的,一直以为是js的问题,实际上却忘了检验HTML的规范性,HTML标签有的有name属性,比如input、select、button等,而很多是没有的,比如td、div等,
只有有name属性的标签才可以使用getElementsByName方法
。
ps:
name属性,name属性是input标签的内建属性,早期浏览器的getElementsByName方法是为了方便的获取用户的输入。由于name只是input的内建属性,其它标签没有,所以getElementsByName方法不能在别的标签中识别这一属性,因此getElementsByName方法只能用于input标签,这也就是为什么你getElementsByName(‘ok’)得不到任何值的原因。
name属性,name属性是input标签的内建属性,早期浏览器的getElementsByName方法是为了方便的获取用户的输入。由于name只是input的内建属性,其它标签没有,所以getElementsByName方法不能在别的标签中识别这一属性,因此getElementsByName方法只能用于input标签,这也就是为什么你getElementsByName(‘ok’)得不到任何值的原因。
另外getElementsByName方法还存在兼容问题,具体大家可网上搜下呵