JS
PHP
HTML5
CSS3
jQuery
SQL
BootStrap5
Other
其他 字符串 数组 正则 存储 表单 数据库 选择器 屏幕 历史 时间 数学 元素 节点 属性 窗口 地址 动画 棋子 查找 排序 全局 JSON 浏览器 数据类型
其他 字符串 数组 正则 存储 表单 数据库 选择器 屏幕 历史 时间 数学 元素 节点 属性 窗口 地址 动画 棋子 查找 排序 全局 JSON 浏览器 数据类型
js查询li菜单栏目
<meta charset="utf-8">
<input type="text" id="input2" onkeyup="test2()" placeholder="搜索..">
<div id="div2">
<a href="#">HTML</a>
<a href="#">CSS</a>
<a href="#">JavaScript</a>
<a href="#">PHP</a>
<a href="#">Python</a>
<a href="#">jQuery</a>
<a href="#">SQL</a>
<a href="#">Bootstrap</a>
<a href="#">Node.js</a>
<a href="#">中文分类</a>
</div>
<script>
function test2() {
var filter = input2.value.toUpperCase();
var a = div2.getElementsByTagName('a');
for (var i = 0; i < a.length; i++) {
if (a[i].innerHTML.toUpperCase().indexOf(filter) > -1) {
a[i].style.display = '';
}
else {
a[i].style.display = 'none';
}
}
}
</script>
运行结果