2017-05-04 118 views
-2

我是學習JavaScript的兩天,我無法讓腳本運行,任何更正?ECMAScript沒有運行

const list = document.getElementsByTagName("li"); 
 
for (let i = 0; i < list.length; i += 1) { 
 
    list[i].addEventListener("mouseover",() => { 
 
     list[i].textcontent = list[i].textcontent.toUppercase; 
 
    }); 
 
    list[i].addEventListener("mouseout",() => { 
 
     list[i].textcontent = list[i].textcontent.toLowercase; 
 
    }); 
 
}

+2

@AdamMcquiff代碼應該** **這裏,可能在堆疊片段。 – Pointy

+0

@Pointy cool ... – AdamMcquiff

+0

也許這些文章可以幫助你提出更好的問題:) [如何問一個好問題](http://stackoverflow.com/help/how-to-ask)和[你有什麼試過](http://mattgemmell.com/what-have-you-tried/) –

回答

1

解決方案:

const list = document.getElementsByTagName("li"); 
 

 
for (let i = 0; i < list.length; i += 1) { 
 
    list[i].addEventListener("mouseover",() => { 
 
     list[i].textContent = list[i].textContent.toUpperCase(); 
 
    }); 
 
    list[i].addEventListener("mouseout",() => { 
 
     list[i].textContent = list[i].textContent.toLowerCase(); 
 
    }); 
 
}
<ul> 
 
<li>one</li> 
 
<li>two</li> 
 
<li>three</li> 
 
</ul>

與您的代碼唯一的問題是情況錯別字(textContent)和功能invokations +錯別字由於缺少(toLowerCase()) 。

+0

仍然沒有區別。 –

+0

在jsfiddle.net舉個例子 – wostex

+0

查看我更新的答案。 – wostex

1

That's不是箭頭功能

此work's一個很好的例子:

const list=document.getElementsByTagName('li'); 
    for (let i = 0; i < list.length; i ++){ 
     list[i].onmouseover =() => list[i].textContent=list[i].textContent.toUpperCase(); 
     list[i].onmouseout =() => list[i].textContent=list[i].textContent.toLowerCase(); 
    }