使用 div class 不会呈现 html 页面

Question

 let x=[]; const json1 = '{"https://www.w3schools.com":"w3schools"}'; const obj1 = JSON.parse(json1); ol = document.createElement('ol'); ser.appendChild(ol); for (var key in obj1){ x= document.createElement('li'); x.innerHTML="<a href=" + key + ">" + obj1[key]+"</a>"; ol.appendChild(x); }

 .ser{ color: red; }

 <div class="ser">welcome</div>

我使用了一个名为 'ser' 的 div class 并收到控制台错误，因为 'ser is not defined' 注意：但是如果我更改为 div id 并将 css 值从.ser 更改为 #ser ZFC35FDC70D5FC69D269883 页面呈现所以我希望我在使用 div class 语法时在概念上出错了。请告知。

Answer 1

通过类名定义ser ：

var ser = document.querySelector('.ser')

或通过 id，因为 querySelector 返回第一个匹配

var ser = document.getElementById('ser')