2017-05-04 78 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(); 
    }