使用js操作select标签以及增添css类

jquery用多了，有点忘了js是怎么操作select标签。今天有空就总结一下。

<select id="selectTest">
      <option value="1">a</option>
      <option value="2">b</option>
      <option value="3">c</option>
 </select>



// 拿到select对象
const select =  documen.getElementById('selectTest'); 

// 拿到选中option索引
const selectedIndex = select.selectedIndex;

// 获得选中option的value和text
select.options[selectedIndex].value;
select.options[selectedIndex].text;

// 通过设置value 设置默认选中option
document.getElementById('selectTest').value = '3';

// 通过设置text 设置默认选中option
for(let i=0; i < select.options.length; i++){
          if(select.options[i].innerHTML === 'b'){
          select.options[i].selected = true;
          break;
        }
}

顺便记一下听过js给节点增加或删除css类。当然了，方法肯定不止下面一种！

ducument.getElementById('nodeTest').classList.add('类名');
document.getElementById('nodeTest').classList.remove('类名');