关于自定义鼠标经过图片提示效果问题
分别用了jQuery和原生JS两种方法
用jQuery的有效果,可是用原生JS的没有效果,控制台提示原生JS第168行错误如下图:
JQuery方法写的代码
alert(signWord); 弹出<p class='sign_word'>文字</p>
原生JS写的代码
alert(signWord); 弹出 object HTMLpElement
想问下原生JS应该怎么写? 为什么弹出的signWord会有不同的结果?不太懂object HTMLpElement的意思(>.<)菜鸟一枚 多多指教
把signWord写在onmouseover外面还是没有效果(>.<)
问题出在, 你的
signWord
变量是在onmouseover
的匿名函数里面申明的, 不存在于onmouseout
的作用域里.给
signWord.innerHTML
赋值的语句不能提到mouseover
之外.之所以不能移除这个节点, 我猜测是
mouseover
没有触发. 你可以这样:JQ写的 signWord 是一个字符串 ,
js写的 signWord 是一个dom对象,
这两个是不同的。
第二个 168 行可以改成