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";

  • 相关阅读:
    javaweb基础笔记(2)
    javaweb基础笔记(1)
    java基础笔记(11)
    java基础笔记(10)
    java基础笔记(9)
    洛谷 P2648 赚钱
    AcWing 走廊泼水节 题解
    对于有向图多个点到一个点的求法
    分层图的四倍经验
    洛谷 P4822 [BJWC2012]冻结
  • 原文地址:https://www.cnblogs.com/lin3615/p/3648829.html
Copyright © 2011-2022 走看看