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

Question

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

JQuery方法写的代码

alert(signWord); 弹出<div class='sign_word'>文字</div>

原生JS写的代码

alert(signWord); 弹出 object HTMLDIVElement

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

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

Answer 1

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

---

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

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

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

Answer 2

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

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