onclick&&onmouseover,h5选择器问题

今天做一个选项卡切换效果时，发现几个问题

1.document.getElementById(id).getElementsByTageName(name)不可用，不知道是不是h5更新的原因,不是原生方法不好使了。

2.onmouseover换成onclick时，点击导致页面刷新

解决方法：

问题一解决方法：

H5之前查找Dom元素有三种原生方法：

① getElementById：根据指定元素的id属性返回元素

② getElementsByName：返回所有指定name属性的元素

③ getElementsByTagName：返回所有指定标签的元素

H5新增两种选择器：

① querySelector：根据选择器规则返回第一个符合要求的元素

② querySelectorAll：根据选择器规则返回所有符合要求的元素

新增的选择器完美的解决了以前选择dom元素的繁冗步骤，特别是新增的选择器也支持class(.className),大大好评。可以参考这篇博客使用。

如我的问题解决代码为：var title=document.querySelectorAll(".title li")

问题二解决方法：

最初以为点击事件刷新页面是click的问题，后来发现是点击的是a标签，href为空，页面发生跳转，导致刷新页面，重新加载相关资源。可以选择去掉href，或者href=“#”，页面内跳转，就不会重新加载了