<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.b1.src ="/i/eg_mouse2.jpg"
}
</script>
</head>
<body>
<a href="http://www.w3school.com.cn" target="_blank">
<img border="0" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1"
onmouseOver="mouseOver()"
onmouseOut="mouseOut()" />
</a>
</body>
</html>
这里得到代码其他都明白,就是document.b1.src有点困惑。。为什么document后面直接是一个name?
而且我模仿这里,也采用document.name的形式,修改<h1>标签的属性,结果无效
------解决方案--------------------
有些元素是没有name属性的。其实对于img元素用 document.b1 来访问是不严格的。估计有些浏览器识别不了。应该用id来访问。
对于:
<form name="form1">
<input type="text" name="user">
<textarea name="con"></textarea>
</form>
这种表单控件用document.form1.user来访问才是适合的。