JaveScript基础6 innerHTML 与 innerText

One—innerHTML

  获取和设置标签里所有内容(包括子标签)
获取 语法:object.innerHTML
    例:

 

明天,您好!

JaveScript基础6 innerHTML 与 innerText_第1张图片
1.png

设置 语法:Obj . innerHTML = ' <标签>内容 ';

  
JaveScript基础6 innerHTML 与 innerText_第2张图片
2.png

注意:

    用 = 会把原来的覆盖掉,如果不覆盖用 += ;


Two innerText

  获取和设置标签里的文本内容(不包括子标签)

获取 语法:object.innerText

 

明天,您好!

明天会更好

JaveScript基础6 innerHTML 与 innerText_第3张图片
3

设置 语法:Obj . innerText= '文本内容';

 
JaveScript基础6 innerHTML 与 innerText_第4张图片
4

注意:如果对div设置会破坏div里的子元素;
所以如果要用innerText来设置则要对内容标签来设置;

innerHTML与innerText区别

innerHTML会解析标签:


JaveScript基础6 innerHTML 与 innerText_第5张图片
5

innerText不会解析标签,会以文本的形式显示出来


JaveScript基础6 innerHTML 与 innerText_第6张图片
6

你可能感兴趣的:(JaveScript基础6 innerHTML 与 innerText)