国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 自定義鼠標經(jīng)過圖片提示效果問題
巴扎黑
巴扎黑 2017-04-11 13:18:56
0
2
408

關于自定義鼠標經(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外面還是沒有效果(>.<

巴扎黑
巴扎黑

reply all(2)
Peter_Zhu

問題出在, 你的 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] ); 
//代碼沒有實際驗證,應該沒有問題~~
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template