首先 .innerText和.innerHTML是在js中的对象的属性，举个例子，在js中：

<p id="p1">慕课网</p>

.....

var mystr=document.getElementById("p1");

mystr.innerText;    //表示的是id为p1的p元素的文本内容，也就是  慕课网。

mystr.innerHTML;    //表示的是id为p1的p元素，也就是 <p id="p1">慕课网</p>。

你会发现.innerHTML比.innerText的内容多<p>标签，所以说.innerText表示的是内容，.innerHTML表示的是元素

其次，在jQuery中，.text()与.html()方法的用法与上面类似，一个是针对元素中的文本内容，一个是针对html元素，举个例子：

<p id="p1">慕课网</p>

.....

$("#p1").text("同学你好");    //你会发现p标签中的文本内容不再是 慕课网 ，变成了 同学你好 。

$("#p1").html("<em>嗨你好</em>");    // 你会发现p标签中的文本内容不再是 慕课网 ，变成了 嗨你好，并且是加粗体的，也就是说<em>标签起了作用。

对于这个任务来说，你讲.html换成.text也是可以的。

innerText返回或者设置DOM元素的文本

innerHTML返回或者设置DOM元素的子元素