getElementsByName 为什么不起作用（长度为0）

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’）得不到任何值的原因。

另外getElementsByName方法还存在兼容问题，具体大家可网上搜下呵