javascript - 自定义鼠标经过图片提示效果问题-PHP中国語ネットワークQ&A

記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

javascript - 自定义鼠标经过图片提示效果问题

巴扎黑 2017-04-11 13:18:56

336

关于自定义鼠标经过图片提示效果问题
分别用了jQuery和原生JS两种方法
用jQuery的有效果，可是用原生JS的没有效果，控制台提示原生JS第168行错误如下图：

JQuery方法写的代码

alert(signWord); 弹出

文字

原生JS写的代码

alert(signWord); 弹出 object HTMLpElement

想问下原生JS应该怎么写？为什么弹出的signWord会有不同的结果？不太懂object HTMLpElement的意思（>.<）菜鸟一枚多多指教

把signWord写在onmouseover外面还是没有效果（>.<）

巴扎黑

全員に返信 (2)

Peter_Zhu2017-04-11 13:20:56 2棟

问题出在, 你的signWord变量是在onmouseover的匿名函数里面申明的, 不存在于onmouseout的作用域里.

给signWord.innerHTML赋值的语句不能提到mouseover之外.

之所以不能移除这个节点, 我猜测是mouseover没有触发. 你可以这样:

signWord.parentNode && signWord.parentNode.removeChild(signWord);

いいねを押す+0

返信を追加

小葫芦2017-04-11 13:20:56 1棟

JQ写的 signWord 是一个字符串，
js写的 signWord 是一个dom对象，
这两个是不同的。
第二个 168 行可以改成

document.body.removeChild( document.getElementsByClassName("sing_word")[0] ); //代码没有实际验证，应该没有问题~~

いいねを押す+0

返信を追加

人気のトピック

詳細>

php 8、私も来ます