功能insertAdjacentHTML在ie8中不起作用

Question

适用于chrome和firefox但不适用于IE8

var SELECT = document.querySelector('.board select');
SELECT.insertAdjacentHTML('beforeend', '<option val="4000">4000</option>');

HTML

 <div class="board">
 <select></select>
 </div>

Answer 1

它适用于较旧的IE版本，但是对于哪些html元素可以调用它有一些限制。如果切换到jQuery是一个选项，有几种方法可以做到这一点。否则，您可能需要查看一些polyfill以支持旧的IE。

要使它在IE8上工作，代替insertAdjacentHTML，你可以使用像

这样的js代码

 var select = document.querySelector("select");
 var option = document.createElement('option');
 option.text = option.value = 4000;
 select.add(option, 0);