创建节点三种方式和性能比较

最新推荐文章于 2023-02-02 16:15:46 发布

「已注销」

最新推荐文章于 2023-02-02 16:15:46 发布

阅读量638

点赞数

文章标签：标签创建标签创建性能

本文链接：https://blog.csdn.net/YIMT_F/article/details/106106900

版权

本文探讨了三种创建HTML节点的方式：document.write(), element.innerHTML和document.createElement()，并进行了性能测试。document.write()因会导致页面重绘而不推荐，innerHTML在性能上优于createElement()，但在处理复杂结构时不如后者清晰。日常开发推荐使用document.createElement()，在需要大量数据展示时，可考虑innerHTML。" 80624460,7502869,Linux常用工作命令详解,"['Linux基础', '系统管理', '命令行工具']

摘要由CSDN通过智能技术生成

创建节点三种方式和性能比较

一、创建节点三种方式

（一）document.write()

注意如果页面已经加载完成，再调用会导致页面重绘

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
</head>
<body>
<script>
    document.write('<h3>Hello World!</h3>');
</script>
</body>
</html>

（二）element.innerHTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
</head>
<body>
<script>
    document.body

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
创建节点三种方式和性能比较

创建节点三种方式和性能比较一、document.write()注意如果页面已经加载完成，再调用会导致页面重绘<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title></head><body><script> document.write('<h3&g
复制链接

扫一扫