有人可以解释一下这个代码吗

```html

const select = document.createElement("select","");
      select.setAttribute("class", "esri-widget esri-select");
      select.setAttribute("style", "width: 200px; font-family: 'Avenir Next'; font-size: 1em");
      parcelLayerSQL.forEach(function(query){
        let option = document.createElement("option");
        option.innerHTML = query;
        option.value = query;
        select.appendChild(option);
      });

```

createElement：创建dom元素
const select = document.createElement("select",""); //创建一个select下拉框元素
setAttribute：自定义设置属性
select.setAttribute("class", "esri-widget esri-select"); //添加class类名
select.setAttribute("style", "width: 200px; font-family: 'Avenir Next'; font-size: 1em"); // 设置样式
forEach:循环
select是下拉框 option是下拉框中的选项
parcelLayerSQL.forEach(function(query){
let option = document.createElement("option"); //创建一个option选项
option.innerHTML = query;//innerHTML（内容） option的内容为query 传进来的值
option.value = query; // option的值为query 传进来的值
select.appendChild(option); 最后将option追加到select中
})

js中创建一个下拉框，二三行是样式，最后六行是添加选项