javascript innerText和innerHtml应用


Posted in Javascript onJanuary 28, 2010

看看代码

<head runat="server">
    <title>无标题页</title>
    <script language="javascript">
        function ok(){
            var txt=new Array();
            txt.push("<strong>");
            txt.push("I am Strong");        
            txt.push("</strong>");
            txt.push("I'm not strong")
            document.getElementById("adiv").innerHTML=txt.join(" ");//字符中的分隔符
            txt=null;//释放内存提高性能
        }
    </script>
</head>
<body onload="ok()">
    <form id="form1" runat="server">
    <div id="adiv">

    </div>
    </form>
</body>

document.getElementById("adiv").innerHTML=txt.join(" ");

使用innerHtml会转义成HTML。加粗显示出来

使用innerText不会转译,标签全出来了

js中的 ok这个函数,就想c#里的StringBuilder,

js中用数组这种写法,可以提高字符串的性能!!!!

 javascript innerText和innerHtml应用

Javascript 相关文章推荐
用Javascript实现UTF8编码转换成gb2312编码
Dec 22 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
May 13 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
JavaScript中数组的22种方法必学(推荐)
Jul 20 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
详解Angular Reactive Form 表单验证
Jul 06 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
vue跨域解决方法
Oct 15 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 Javascript
React实现评论的添加和删除
Oct 20 Javascript
使用JavaScript库还是自己写代码?
Jan 28 #Javascript
js或css实现滚动广告的几种方案
Jan 28 #Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 #Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 #Javascript
jquery 常用操作方法
Jan 28 #Javascript
jquery 经典动画菜单效果代码
Jan 26 #Javascript
使用JQuery进行跨域请求
Jan 25 #Javascript
You might like
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
php file_get_contents取文件中数组元素的方法
2017/04/01 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
如何消除inline-block属性带来的标签间间隙
2016/03/31 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
vant实现购物车功能
2020/06/29 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
python opencv3实现人脸识别(windows)
2018/05/25 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
DRF使用simple JWT身份验证的实现
2021/01/14 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
Groupon西班牙官方网站:在线优惠券和交易,节省高达70%
2021/03/13 全球购物
美国价格实惠的在线眼镜网站:Zeelool
2020/12/25 全球购物
国贸专业个人求职信范文
2014/01/08 职场文书
饭店工作计划书
2014/01/10 职场文书
篮球社团活动总结
2014/06/27 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
大学生村官个人总结
2015/02/15 职场文书
2015年销售人员工作总结
2015/04/07 职场文书
2015年大学班主任工作总结
2015/04/30 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
Python实现DBSCAN聚类算法并样例测试
2021/06/22 Python