マウスオーバーコールバックを呼び出す際のjs構文エラー

Question

マウスオーバーコールバックでimgタグを作成し、ページにimgタグを追加するJavaScriptコードがあります。問題は、コールバックが呼び出されるたびに（Firefoxコンソールで）javascript構文エラーが発生することです。

このコードは問題を示しています...

    
        var imgUrl = 'http://sstatic.net/so/img/logo.png';
        var img = document.createElement('img');
        img.setAttribute('src', imgUrl);
        img.setAttribute('onmouseover', function() {
            alert('mouseover ' + imgUrl);
        });
        document.body.appendChild(img);
    

コールバック関数が空の関数であっても、構文エラーが発生します。

誰が構文エラーの原因とその修正方法を説明できますか？

（Win XPでFF 3.5.2を使用しています。）

Answer 1

文字列が期待される関数を渡します。代わりにこれを試してください：

    var imgUrl = 'http://sstatic.net/so/img/logo.png';
    var img = document.createElement('img');
    img.src = imgUrl;
    img.onmouseover = function() {
        alert('mouseover ' + imgUrl);
    };
    document.body.appendChild(img);