1、參考：https://www.cnblogs.com/yoyoketang/p/11516138.html
2、querySelector()方法：
#：表示ID屬性
.：表示class屬性
[name = '']：表示name屬性
3、 querySelector轉義特殊字符
如果要匹配的ID或選擇器不符合 CSS 語法（比如不恰當地使用了冒號或者空格），你必須用反斜槓將這些字符轉義。由於 JavaScript 中，反斜槓是轉義字符，所以當你輸入一個文本串時，你必須將它轉義兩次（一次是爲 JavaScript 字符串轉義，另一次是爲 querySelector 轉義）：
<div id="foo\bar"></div>
<div id="foo:bar"></div>
<script>
console.log('#foo\bar') // "#fooar"
document.querySelector('#foo\bar') // 不匹配任何元素
console.log('#foo\\bar') // "#foo\bar"
console.log('#foo\\\\bar') // "#foo\\bar"
document.querySelector('#foo\\\\bar') // 匹配第一個div元素
document.querySelector('#foo:bar') // 不匹配任何元素
document.querySelector('#foo\\:bar') // 匹配第二個div
</script>