innerText和html有什么不同吗

来源:1-3 jQueryHelloWorld体验

慕姐7770494

2017-01-22 17:39

我想问问为什么不用innerText而是用html?

写回答 关注

2回答

  • 不知不觉后知后觉嗯
    2017-02-14 11:57:17

    首先 .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也是可以的。



  • 虚拟小怪兽
    2017-01-22 18:42:48

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

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


jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题