window.onload = function () {
var uls = document.getElementById('ui').getElementsByTagName('li');
for (var i = 0; i < uls.length; i++) {
uls[i].onmouseover = function () {
this.style.backgroundColor = 'red';
};
uls[i].onclick = function () {
this.style.fontSize = '30px';
};
uls[i].onmouseout = function () {
this.style.backgroundColor = '';
this.style.fontSize = '12px';
};
};
};
<ul id="ui" style=" list-style-type:none; float:left; margin:0px;">
<li>湖人</li>
<li>马刺</li>
<li>雷霆</li>
<li>公牛</li>
<li>火箭</li>
<li>热火</li>
</ul>
var uls = document.getElementById('ui').getElementsByTagName('li');
for (var i = 0; i < uls.length; i++) {
uls[i].onmouseover = function () {
this.style.backgroundColor = 'red';
};
uls[i].onclick = function () {
this.style.fontSize = '30px';
};
uls[i].onmouseout = function () {
this.style.backgroundColor = '';
this.style.fontSize = '12px';
};
};
};
<ul id="ui" style=" list-style-type:none; float:left; margin:0px;">
<li>湖人</li>
<li>马刺</li>
<li>雷霆</li>
<li>公牛</li>
<li>火箭</li>
<li>热火</li>
</ul>