JS中innerText和innerHTML的区别

innerText主要是设置文本的,甚至标签内容,是没有标签的效果的。

innerHTML主要的作用是在标签中设置新的heml标签内容,是有标签效果的

先来看看innerText的效果




    
    
    


    
    
嘿嘿

 点击前

JS中innerText和innerHTML的区别_第1张图片

 点击后

JS中innerText和innerHTML的区别_第2张图片 

使用innerHTML的效果




    
    
    


    
    
嘿嘿

 使用效果

 JS中innerText和innerHTML的区别_第3张图片

所以说想要设置标签内容,使用innerHtml,想要设置文本内容可以使用innerText或者textContent或者innerHTML,推荐使用HTML

用innerText获取标签中的文本内容的时候,如果文本内容里面还有标签,那么文本内容中的标签是获取不到的,而innerHtml可以获取到文本内容中的标签

你可能感兴趣的:(JS)