innerHTML的确是好东西

如果使用DOM标准方法建立以下xhtml代码的话是相当麻烦的，我们就来看看如何通过DOM标准的方法来建立下面的xhtml结构。

1、建立标签： var aa = document.createElement("div");

2、建立文本： var text = document.createTextNode("abc");

3、将文本添加到div中： aa.appendChild(text);

4、给div加上id：aa.setAttribute("id","test");

如果我们使用innerHTML的话，说简单了，直接只需要在需要增加上述代码的地方

.innerHTML = "<div id="test">abc</div>";

就OK了。

引用一句话：标准化的DOM就像是一把手术刀，innerHTML属性就像一把劈柴斧。劈柴斧有劈柴斧的用处。当你需要把一大段HTML内容插入到一个网页时，innerHTML属性就非常适合了。

注意：innerHTML,书写时注意大小写。

转载于:https://www.cnblogs.com/lovevfp/archive/2008/12/29/1364525.html

innerHTML的确是好东西相关推荐

3dmax挤出制作窗花_给想学3dmax，又不知如何快速入手的你新手学习3dmax的建议...
你是不是想学室内设计,又觉得3dmax是个十分庞大的软件,不知道从哪里开始学习? 你是不是学习了一段时间3dmax,觉得学习这个软件太复杂,想放弃? ========================= ...
关于如何在Nomad中保护工作部署的工作流的简要历史
许多HashiCorp用户和员工都喜欢我们的整套产品,但就像您的祖母一样,几乎不可能不对我们的某一个产品有一点偏爱(最喜欢的孙子说). 在我的例子中,我对HashiCorp Nomad的偏爱是很明显的 ...
剧本翻译之SHUFFLE 6月24日
剧本翻译之SHUFFLE 6月23日 [1]洋娃娃的披露会凛:离中午还剩下一堂课吗...... 第三节课终于结束了.不知道为什么,感觉今天的时间过得相当慢啊.我没精打采的趴在桌子上.戳戳. 凛:啊, ...
很认真地聊一下 “选择比努力更重要”
这是头哥侃码的第211篇原创两周前,蚂蚁集团官宣上市计划,在科创板和港交所寻求同步上市的消息,刷爆了朋友圈. 消息爆出的第二天,我就看到在某个微信群里的一位 "热心" 小伙伴给他 ...
舞动的桥阿里云首个百万IOPS云盘的背后
摘要: 近日,阿里云推出了首个百万IOPS的ESSD云盘服务,性能上有50倍的飞跃,同时还具备超高吞吐.超低时延等特性,在真实业务场景中,PostgreSQL数据库的写入速度快了26倍. 如此超高的性 ...
vs的form标签引起css走样问题
我在msdn的Design Templates下载了一个模版,用各种浏览器测试了都没有问题(maxthon2,opera,ff,safira,chrome). 但是用vs2008的模版页面时却发生了一 ...
思维导图的三招十八式
思维导图的三招十八式张鄂勇编著 ISBN978-7-121-14010-5 2012年1月出版定价:49.00元 16开 396页宣传语:会降龙十八掌,才混得到九袋弟子. 懂 ...
设置表格列宽 —— 在富文本编辑器中的实现
大家好,我是前端西瓜哥. 之前因为工作上的一些原因,使用的 wangEditor 富文本编辑器的表格(table)功能并不能满足需求,创建的表格只是设置了 width: 100%,列的宽度的自适应的效 ...
程序员如何进行用户界面设计
程序员设计的用户界面,其实大多数并不是一个好的界面,很多人写代码时,以为这样的功能比较强大应该加上去,那样的接口比较灵活应该加上去,可是往往到头来用户只用其中的一点功能,并且会有很多用户认为很难懂.很 ...

innerHTML的确是好东西

innerHTML的确是好东西相关推荐

最新文章

热门文章