javascript - 调用 mOver(obj) 时如何制作图像

Question

我想在调用 mOver(obj) 时显示图像:

<script>
function mOver(obj) {
    obj.innerHTML = "Thank You"
}

function mOut(obj) {
    obj.innerHTML = "Mouse Over Me"
}
</script>

例如我有这张图片:http://www.w3schools.com/images/w3schoolscom_gray.gif

当我这样做时:http://www.w3schools.com/images/w3schoolscom_gray.gif

function mOver(obj) {
        obj.innerHTML = http://www.w3schools.com/images/w3schoolscom_gray.gif; 
    }

它不起作用。

Answer 1

innerHTML替换您的 obj 的内容通过 string 的 HTML 表示.如果你的obj是一个容器(如 div )你应该这样做:

function mOver(obj) {
    obj.innerHTML = '<img src="http://www.w3schools.com/images/w3schoolscom_gray.gif" alt="..."/>'; 
}

如果您的 obj是 <img>标记你应该这样做:

function mOver(obj) {
    obj.src = 'http://www.w3schools.com/images/w3schoolscom_gray.gif'; 
}

:)