使用Javascript编写HTML的正确方法是什么？

我在一些帖子中看到人们document.write()在编写动态HTML时不满意使用javascript.

为什么是这样？什么是正确的方法？

document.write()只有在最初解析页面并创建DOM时才会起作用.一旦浏览器到达结束标记并且DOM准备就绪,您就不document.write()能再使用了.

我不会说使用document.write()是正确的还是不正确的,这取决于你的情况.在某些情况下,您只需要document.write()完成任务.看看Google分析如何被注入大多数网站.

在DOM准备好之后,您有两种方法来插入动态HTML(假设我们要插入新的HTML

在节点上使用innerHTML:

var node = document.getElementById('node-id');
node.innerHTML('
some dynamic html
');

使用DOM方法:

var node = document.getElementById('node-id');
var newNode = document.createElement('p');
newNode.appendChild(document.createTextNode('some dynamic html'));
node.appendChild(newNode);

使用DOM API方法可能是做事的纯粹方式,但innerHTML事实证明它更快,并且在JavaScript库(如jQuery)中使用.

注:在

惬听风吟jyy_802

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1如何定义模板类的静态const变量
• 2领域和iOS保留周期
• 3如何使.htaccess可写入wordpress？
• 4使用单个HTTP/2连接进行双向(和对称)通信
• 5ng点击Bootstrap的Modal组件
• 6Ansible apt-get安装输出
• 7如何从Java8 lambda创建Runnable
• 8Coldfusion:设置对象的功能
• 9使用install_github是否需要首先为NAMESPACE创建文档才能正确？
• 10IL中"specialname"和"rtspecialname"的目的和意义
• 11React Native中的iOS启动屏幕
• 12在python中使用os.system mkdir和变量
• 13空白文本框值的Javascript不会工作,但jquery会
• 14在Django过滤器语句中__in和等号(=)之间有什么区别？
• 15如何更快地进行这种按位操作？
• 16您如何使用已编译的Typescript使用Istanbul Code Coverage？
• 17在docker容器中不能jcmd,jps或jstat cassandra进程
• 18在使用Jest单元测试React组件时如何模拟子组件
• 19inf2cat for Win10驱动程序签名
• 20没有迭代的NumPy中的累积计数