zoukankan      html  css  js  c++  java
  • textContent、innerText的用法,在文档中插入纯文本

    有时候需要查询纯文本形式的元素内容,或者在文档中插入纯文本。标准的方法是用Node的textContent属性来实现:

    1 var para = document.getElementsByTagName('p')[0];
    2 var text = para.textContent; 
    3 para.textContent = 'Hello World!';

    textContent属性在除了IE的所有当前的浏览器中都支持。在IE中可以使用Element的innerText属性来代替。

     1 /*
     2     一个参数,返回元素的textContent或innerText
     3     两个参数,用value参数的值设置元素的textContent或innerText
     4  */
     5 function textContent(element, value){
     6     var content = element.textContent;  //检测textContent是否定义
     7     if(value === undefined){   // 没传递value,因此返回当前文本
     8         if(content !== undefined)
     9             return content;
    10         else return element.innerText;
    11     } else{                                 // 传递了value,因此设置文本
    12        if(content !== undefined)
    13             return content;
    14        else return element.innerText;   
    15     }          
    16 }

    TextContent属性就是将指定元素的所有后代Text节点简单地串联在一起。

  • 相关阅读:
    设计模式——适配器模式
    设计模式——模板方法模式
    03-Web开发(上)
    02-配置文件
    01-QuickStart
    34-多线程(下)
    33-IO(下)
    15-后端编译与优化(待补充)
    14-线程安全与锁优化
    13-JUC(下)
  • 原文地址:https://www.cnblogs.com/wxydigua/p/3243156.html
Copyright © 2011-2022 走看看