zoukankan      html  css  js  c++  java
  • 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";

  • 相关阅读:
    Redis 分布式锁
    Angular VS Blzaor
    Chorme 跨域的快捷解决
    旋转3角形
    .Netcore AD 操作
    .Netcore 2.2 和3.1 的模板
    Command3
    CSS Selector
    弹性盒子
    Label_strange_labels
  • 原文地址:https://www.cnblogs.com/lin3615/p/3648829.html
Copyright © 2011-2022 走看看