web - 获取元素

1,根据id获取页面元素

执行结果

2,根据标签名获取页面元素

执行结果

需要注意的一点点doucumet.getElementById()只能通过document来获取

getElementsByTagName()可以通过所找到的id名称来调用

执行结果

3,其他获取页面元素的2个方法

其他获取元素的方法 这两个具有浏览器兼容性问题IE9                                  document.getElementByName(); 根据标签的name属性来获取                  document.getElementByClassName(); 根据标签的class属性来获取

执行结果

4,根据选择器获取元素的方法

有一些兼容性问题IE8                                                                                                        document.querySelector(); 发现他只能获取一个元素                                                document.querySelectorAll();可以获得所有匹配的元素

执行结果

总结

这六种获取页面元素的方法要好的掌握 尤其是前两个比较好理解也很好的掌握

getElementById();                getElementsByTagName();                                                              getElementsByName();         getElementsByClassName()                                                                          querySelector();                     querySelectorAll()