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>