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;
            }
        }
    
  • 相关阅读:
    《梦断代码》读书计划
    四则运算3
    《梦断代码》读后感Ⅱ
    第二次结对开发
    首次结对开发
    四则运算2的测试
    四则运算2的任务完成时间表
    四则运算2
    《梦断代码》观后感1
    四则运算2的心路历程
  • 原文地址:https://www.cnblogs.com/hynb/p/5936843.html
Copyright © 2011-2022 走看看