• DOM 操作内容 innerText/innerHTML


    DOM 操作内容 innerText/innerHTML

    innerText属性(firefox不支持,可用 textContent)
    var div = document.getElementById("itTag");
    div.innerText/div.textContent  来获取里面的文本,会去除 html

    标签

    获取值时用
    div.innerText = "lin3615" / div.textContent="lin3615"
    为了兼容,可用下列方法
        var obj = document.getElementById("txt");
        function getInnerText(element)
        {
            return (typeof(element.textContent) ==

    "string") ? element.textContent : element.innerText;
        }
        alert(getInnerText(obj));

    设置值时可用:

        var obj = document.getElementById("txt");
        function setInnerText(element, text)
        {
            if(typeof(element.textContent) == "string")
            {
                element.textContent = text;
            }else
            {
                element.innerText = text;
            }
        }

        setInnerText(obj, "lin3615");
    =========================================
    innerHTML 与 innerText差不多,但是用 innerHTML获取值时不会过滤 html 标签(ie,firefox都支持)
    获取值时:
        var obj = document.getElementById("txt");
        alert(obj.innerHTML);
    设置值时:
        var obj = document.getElementById("txt");
        obj.innerHTML = "lin3615";

  • 相关阅读:
    Collatz Conjecture(BAPC2017)
    P3377 【模板】左偏树(可并堆)
    Mergeable Stack
    B. Our Tanya is Crying Out Loud(cf)and 5918: 改变(中石油)
    bzoj 4488: [Jsoi2015]最大公约数
    Zoj
    牛客练习赛43 回顾
    哈尔滨工程大学ACM预热赛 补题
    April Fools Day Contest 2019: editorial回顾补题
    第一周总结
  • 原文地址:https://www.cnblogs.com/lin3615/p/3648829.html
Copyright © 2020-2023  润新知