DOM操作

1.利用js获取select所选择的选项

1
2
3
4
<select id="year-select" class="weui-select" name="yearSelect">
<option value="2018">2018年</option>
<option value="2019">2019年</option>
</select>

html结构如上所示,使用原生js获取select所选择的内容的方法如下所示:

1
2
3
let yearSelect = document.getElementById("year-select");
let index = yearSelect.selectedIndex;
let choseYear = yearSelect.options[index].value; // select所选择的值

2.获取ul标签中li元素的个数

1
2
let ul = document.getElementById('#ulId');
let length = ul.getElementsByTagName('li').length;