javascript - 自定义鼠标经过图片提示效果问题
巴扎黑
巴扎黑 2017-04-11 13:18:56
0
2
363

关于自定义鼠标经过图片提示效果问题
分别用了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外面还是没有效果(>.<

巴扎黑
巴扎黑

全部回复(2)
Peter_Zhu

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


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

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

signWord.parentNode && signWord.parentNode.removeChild(signWord);
小葫芦

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

document.body.removeChild( document.getElementsByClassName("sing_word")[0] ); 
//代码没有实际验证,应该没有问题~~
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!