關于自定義鼠標經(jīng)過圖片提示效果問題
分別用了jQuery和原生JS兩種方法
用jQuery的有效果,可是用原生JS的沒有效果,控制臺提示原生JS第168行錯誤如下圖:
JQuery方法寫的代碼
alert(signWord); 彈出<p class='sign_word'>文字</p>
原生JS寫的代碼
alert(signWord); 彈出 object HTMLpElement
想問下原生JS應該怎么寫? 為什么彈出的signWord會有不同的結(jié)果?不太懂object HTMLpElement的意思(>.<)菜鳥一枚 多多指教
把signWord寫在onmouseover外面還是沒有效果(>.<)
問題出在, 你的 signWord
變量是在 onmouseover
的匿名函數(shù)里面申明的, 不存在于 onmouseout
的作用域里.
給 signWord.innerHTML
賦值的語句不能提到 mouseover
之外.
之所以不能移除這個節(jié)點, 我猜測是 mouseover
沒有觸發(fā). 你可以這樣:
signWord.parentNode && signWord.parentNode.removeChild(signWord);
JQ寫的 signWord 是一個字符串 ,
js寫的 signWord 是一個dom對象,
這兩個是不同的。
第二個 168 行可以改成
document.body.removeChild( document.getElementsByClassName("sing_word")[0] );
//代碼沒有實際驗證,應該沒有問題~~