第二种通过[]获取
那什么时候用点获取什么时候[]呢，可以在不同场景使用
两个的相同点：都是获取对象属性值
不同点：
1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能
普通常量赋值的时候可以用点运算符，其他可以用[]运算符，
法1、
法2、
摘自： https://blog.csdn.net/xinusuoshu/article/details/63683706
用JS获取Html标签属性有两种方法：如<a id="link" href="www.baidu.com" title="测试"
blogname="前端开发">Web开发</a>
JS代码：
var ka=document.getElementByI d("link")
alert(ka.getAttribute("id"))
alert(ka.id)
两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname,则就要用getAttribute()来实现了，如：
alert(ka.getAttribute("blogname"))//前端开发
总结如下：
JS获到Html标签常规属性用ka.id，获到Html标签的自定义属性就用ka.getAttribute("id")
