zoukankan      html  css  js  c++  java
  • innerHTML和innerText区别

    innerHTML和innerText的区别

    innerText属性
    document.getElementById('box').innerText; //获取文本内容(如有html 直接过滤掉)
    document.getElementById('box').innerText = '<div>Mr.Lee</div>'; //设置文本(如有html会进行转义)
    
    innerHTML属性
    document.getElementById('box').innerHTML; //获取文本(不过滤HTML)
    document.getElementById('box').innerHTML = '<b>123</b>'; //可解析成HTML
    
    innerText兼容性问题封装
        /**
         * 获取innerText属性(兼容)
         * @param element DOM对象
         */
        function getInnertext(element) {
            var result = "";
            if (typeof element.innerText == "string") {
                result = element.innerText;
            } else {
                //老版火狐支持的方法
                result = element.textContent;
            }
        }
    
        /**
         * 设置innerText属性(兼容)
         * @param element DOM对象
         * @param content  文本
         */
        function setInnetText(element,content){
        
            if(element.innerText == "string"){
                content = element.innerText;
            }else{
                content = element.textContent;
            }
        }
    
  • 相关阅读:
    Tarjan专题
    Catalan数
    状压DP
    威尔逊定理证明:
    【fzoj 2376】「POJ2503」Babelfish
    Android 源码
    Android实现推送方式解决方案
    Android apk 签名
    圆角的实现
    Android 资源
  • 原文地址:https://www.cnblogs.com/hynb/p/5936843.html
Copyright © 2011-2022 走看看