function doColor(item, color, bg) {
item.style.color = color // changes text color
item.style.backgroundColor = bg // changes background
}
function undoColor(item) {
item.style.color = "#000000" // sets color back to black
item.style.backgroundColor = "" // sets background to default
}
</script>
//下面的body区域内的代码
<div align="center">
<a name="link1" href="#" onmouseover="doColor(this, 'yellow','black')"
onmouseout="undoColor(this)" target="_blank">typhoon</a>
</div>
<p align="center">
<a name="link2" href="#" onmouseover="doColor(this, 'blue','red')"
onmouseout="undoColor(this)" target="_blank">Typhoon Start </a>
</p>
直接拿去跑吧
这个区别大了,假如<a><span></span><span></span><span></span><span></span></a>a.item(i)表示的是第i个子节点,就是第几个span,而a[i]表示的是当前层级里面的第i个元素,也就是第几个a标签。
简单来说a.item(i)表示的是子元素