0
var hello = document.createElement('<div>HELLO</div>');
var wrapper = document.getElementById('wrapper');

document.getElementsByTagName('span')[0].appendChild(hello);

wrapper.addEventListener('mouseover', mouseMove, false);
setTimeout(function(){
   document.getElementsByTagName('span')[0].removeChild(hello);
   wrapper .removeEventListener('mouseover', mouseMove, false);
}, 10000);

<div id="wrapper">
</div>

私が上に移動する <div id="wrapper"></div> と、結果はnullです

<div id="wrapper"></div>10 秒で結果が表示される場合HELLOの移動方法、修正方法

4

2 に答える 2

1

これはうまくいくはずです:

var wrapper = document.getElementById('wrapper');

function createHelloDiv() {
    var hello = document.createElement('div');
    var helloContents = document.createTextNode('hello');
    hello.appendChild(helloContents);
    return hello;
}

function onMouseOver() {
    setTimeout(function() {
        wrapper.appendChild(createHelloDiv());
        wrapper.removeEventListener('mouseover', onMouseOver, false);
    }, 10000);
}

wrapper.addEventListener('mouseover', onMouseOver, false);

実際の例については、このフィドルを参照してください。

于 2012-11-12T07:55:01.037 に答える
0

何を達成しようとしていますか?

コードのこの部分

wrapper.addEventListener('mouseover', mouseMove, false);

マウスオーバーイベントを関数 mouseMove にバインドしますが、これはコンテキストには存在しません。

追加

function mouseMove()
{
  alert();
}

これはあなたにnullを与えません...

2 番目のケースでは、達成したいことを説明してください。

于 2012-11-12T07:44:47.450 に答える