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

Question

关于自定义鼠标经过图片提示效果问题分别用了jQuery和原生JS两种方法用jQuery的有效果，可是用原生JS的没有效果，控制台提示原生JS第168行错误如下图： JQuery方法写的代码 alert(signWord); 弹出&lt;div class='...

天蓬老师 · Answer

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

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

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

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

高洛峰 · Answer

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

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

Php8, I'm coming too