innerText和innerHTML 一些问题分析


其中innerText特性用来修改起始标签和结束标签之间的文本的。例如,假设有个空的<div/>元素,希望将其变成<div>New text for the div.</div>。用DOM实现时,要这么做:
oDiv.appendChild(document.createTextNode("New text for the div."));
这段代码并不难读,但是很冗长。如果使用innerText,只要这么做:
oDiv.innerText = "New text for the div.";
使用innerText,代码更加简洁,并且更容易理解。另外,innerText会自动将小于号、大于号、引号和&符号进行HTML编码,所有是毫不需当心特殊字符:
oDiv.innerText = "New text for the <div/>.";
这一行代码的执行结果是<div>New text for the <div/>.</div>。但如何一定要再元素中包含HTML标签呢?这就是innerHTML所要解决的问题。
应用innerHTML特性,可以直接给元素分配HTML字符串,而不需考虑使用DOM方法来创建元素。例如,假设一个空<div/>要变成<div><strong>Hello</strong><em>World</em></div>。使用DOM,要用下面的代码:
var oStrong = document.createElement("strong');
oStrong.appendChild(document.createTextNode("hello"));
var oEm = document.createElement("em");
oEm.appendChild(document.createTextNode("World"));
oDiv.appendChild(oStrong);
oDiv.appendChild(document.createTextNode(""));
oDiv.appendChild(oEm);
而使用innerHTML,代码就变成:
oDiv.innerHTML = "<strong>Hello</strong><em>World</em>";
七行代码一下就变成一行,这就是innerHML的威力!
还可以使用innerText和innerHTML来获取元素的内容。如果元素只包含文本,那么innerText和innerHTML返回相同的值。但是,如果同时包含文本和其他元素,innerText将只返回文本的表示,而innerHTML,将返回所有元素和文本的HTML代码。下面的表格列出了根据特定代码innerText和innerHTML返回的不同值。

代码 innerText innerHTML
<div>Hello world</div> "Hello world" "Hello world"
<div><b>Hello</b>world</div> "Hello world" "<b>Hello</b>world"
<div><span></span></div> "" "<span></span>"
后,通过将innerText赋值给它自身,表示从指定的元素中删除所有的HTML标签。
oDiv.innerText = oDiv.innerText;



相关阅读:
FreeBSD NTFS分区读写问题
PHP版国家代码、缩写查询函数代码
让Windows Server 2008系统安全更上一层楼
FreeBSD忘记root密码的一次修复
Prototype实战教程----5.$R
php 服务器调试 Zend Debugger 的安装教程
实现连缀调用的map方法(prototype)
Windows XP SP3中启用支持NLA的远程桌面
php fckeditor 调用的函数
一个封装的Ajax类
PHP-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
Oracle数据库中Undo数据段的作用及类型
TCP/IP基础----为Linux网络做准备
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 我们总是活的不像自己 赞党歌七一演讲稿 今晚的月亮很特别 伤心了、难过了、一个人静静的掉眼泪!有谁懂这种滋味? 当冰激凌爱上阳光作文800字 读《刘胡兰》有感 小学六年级作文600字:下翻转棋 谈谈我的学习态度300字 浪漫的描写雨的好句子 想起你的时候作文1000字 为你写一封最美的信 形容男人的成语 你依旧要用炙热的心灵演奏一曲承载着我们前世今生的凌影... 县检察院创建四型机关经验总结材料 随想......作文300字 2015年70周年大阅兵观后感大全 半翅的天使(八) 县市区开展创先争优活动体会 一次有趣的实验——李锦华作文900字 蓝颜知已 到底怎样才算爱一个人 高中高二作文900字:爱的落点 浅蓝 silent年华 如何提高小学生作文能力 读笑猫日记有感500字 小学2016年“闹元宵、猜灯谜”活动方案 职场中“上班奴”你是吗 江南春:我烧的是青春 我决定一个人 520朋友祝福语 婴幼儿童床经销协议书 初中初一作文700字:我家乡的变化 身边的变化作文1000字 兴趣,是一种甜蜜的牵引 拜年忙 桐华《步步惊心》经典语录 求职信有哪些写作规则 秋日丰收作文300字 表妹发烧了作文 艾叶飘香的季节 经典给最好的你语录 痛苦无价(转载)作文800字 花雾 龟兔赛跑作文250字 学校三进工作小结 经典英文爱情语录、伤感英文语句 观《道德讲堂》有感作文400字 荥梦宓妃 攀岩作文 检察院暑期社会实践报告 2015基层工会经审工作发挥作用的状况存在问题及对策

Copyright © 2016 phpStudy |