html中dom querySelector使用方法

querySelector使用来获取文档中匹配指定的css元素。例如

<p id="demo">id="demo" 的 p 元素</p>
<p> 点击按钮修改 id="demo" 的 p 元素内容</p>
<button οnclick="myFunction()">点我</button>
<script>
function myFunction() {
    document.querySelector("#demo").innerHTML = "Hello World!";
}
</script>

刚开始时是

也就是当点击按钮的时候。