• textContent和innerHtml


    textContent,innerText, 查询或者设置元素的文本内容。

    textContent如,html:

    <p>test gogo</p>

    javascript中:

    var p0 = document.getElementsByTagName("p")[0];
    //查询文本内容
        var txt = p0.textContent;
    //设置文本内容
        p0.textContent = "hello world!";
    

    说说两者的支持者。

    textContent属性【标准】,除了IE的所有浏览器都支持,innerText除了Firefox的所有浏览器属性都支持,而在IE中,用innerText代替textContent属性。

    注意,两者的不同点:textContent属性将指定的元素的所有后代text节点串联在一起。innerText指定不明确,且不返回<script>元素的内容,忽略多余空白,试图保留表格格式,针对表格元素,只有只读属性,不具备设置【写】文本内容的属性。

    文本内容的读写操作

     1 /**
     2  * 
     3  * @param element  元素节点
     4  * @param value    写入的文本
     5  * @returns {*}
     6  */
     7 function textContent(element, value){
     8     var content = element.textContent;
     9     if(value === undefined){//
    10         if(content !== undefined){//功能检测
    11             return content;
    12         }else{//IE
    13             return element.innerText;
    14         }
    15     }else{//
    16         if(content !== undefined){
    17             element.textContent = value;
    18         }else{
    19             element.innerText = value;
    20         }
    21     }
    22 }
    View Code
  • 相关阅读:
    事件对象
    事件方法on()
    each()遍历
    链接式操作
    理解选取更新范围
    net3.5 无网络环境安装
    visual studio 2017 报错 无法下载安装文件。请检查Internet连接,然后重试
    删除数据恢复数据语句 Oracle
    sqlserver还原数据库(mdf与ldf文件如何还原到SQLserver数据库)
    sqlserver2012卸载
  • 原文地址:https://www.cnblogs.com/lee90/p/5715838.html
Copyright © 2020-2023  润新知