本文提供了一个简单的HTML与JavaScript交互的示例，展示了如何通过JavaScript为HTML元素添加点击事件，并实现基本的功能反馈。通过对页面上的不同性别选项进行点击，可以观察到控制台中输出相应的属性值。
<ul>
<li sex="m">男</li>
<li sex="f">女</li>
<li sex="a" class="active">全部</li>
</ul>
<script>
var lis=Array.prototype.slice.call(document.getElementsByTagName('li'),0);
var lastli=lis[lis.length-1];
lis.forEach(function(item,index){
item.οnclick=function(){
lastli.className=''
this.className='active';
lastli=this;
console.log(this.getAttribute('sex'));
};
});
<li sex="m">男</li>
<li sex="f">女</li>
<li sex="a" class="active">全部</li>
</ul>
<script>
var lis=Array.prototype.slice.call(document.getElementsByTagName('li'),0);
var lastli=lis[lis.length-1];
lis.forEach(function(item,index){
item.οnclick=function(){
lastli.className=''
this.className='active';
lastli=this;
console.log(this.getAttribute('sex'));
};
});
</script>
扫一扫
734
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
