javascript - dom取得創建插入時，元素有無引號的差異

Question

## 雷雷

Answer 1

加引號是一個字串

var h1 = document.createElement('h1');
    |                            |
    |                            |
    A                            B 

不加引號的是變數：

document.body.appendChild(h1);
                          |
                          |
                          A
                          

看文件：document.getElementById

element = document.getElementById(id);

1. element 是一個 Element 物件。如果目前文件中擁有特定ID的元素不存在則傳回null.

2. id是大小寫敏感的字串，代表了所要尋找的元素的唯一ID.

h1 是一個 Element 物件，'h1' 是一個字串。

Answer 2

看情況是初學者，那麼，不要弄一些容易混淆的變數名，這才是對自己負責。 如：

var _h1 = document.createElement('h1');

Answer 3

創建標籤的時候+，插入的時候相當於h1是一個變量，這時候不+

Answer 4

不加代表符號是一個變量，加上代表符號是一個字串

Answer 5

var h1 = document.createElement('h1');

這一行的h1是一個變量，代表新創建的元素，把變量名改一下就容易理解了。

var node = document.createElement('h1');
document.body.insertBefore(node,btn);