原生js获取dom元素querySelector()替换getElementById()替换getElementById()很长一段时间，除了jQuery的selector，我一直在使用以下这些方法获取dom元素document.getElementById()document.getElementsByClassName()document.getElementsByTagName()document.getElementsByName()后面找到了querySelector()方法，和jquery的获取元素的方法一样。它充满了css选择器。例如，以下元素是相同的：//getElementById()方法document.getElementById('username');//querySelector()方法document.querySelector('#username');//jquery方法$('#username')[0]//这个不明白，百度`jquery和dom可以相互转换`querySelector()有两种方式querySelector(cssselectorstring)//获取第一个匹配元素querySelectorAll(cssselectorString)//获取所有匹配元素的效果如图：获取元素的方式和jquery很相似，只是元素不一样，jquery获取jquery元素，querySelector()获取dom对象。比如选择器，见：http://www.w3school.com.cn/cs...比如现在需要获取class以text-开头的所有元素，也就是包含text-success,text-danger,text-warning等元素，这样写就可以了：document.querySelectorAll("[class^='text-']")
