怎么innerHTML重复调用后，越来越慢？

2009-10-21 01:20:28 329 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

2026年AI技能进阶指南：从提示词工程到智能体开发实战提示词工程作为AI时代的基础沟通技能，其核心原理是通过系统化的交互方法论实现与大模型的高效对话。这项技术通过明确性、具体性和可操作性的设计原则，显著提升了AI生成内容的质量和实用性。在工程实践层面，提示词工程已经发展出角色扮演、步骤分解等成熟模式，广泛应用于代码生成、技术方案设计等场景。随着AI智能体开发的兴起，提示词工程进一步演化为定义智能体身份认知和行为规范的系统接口设计，成为构建自主AI系统的关键技术基础。掌握从基础提示词到智能体开发的完整技能栈，能够帮助开发者在AI技术浪潮中保持核心竞争力。阅读详情

...全文

步进电机梯形加减速算法的实现步进电机梯形加减速算法的实现阅读详情

ccccffff

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

MuBeiBei 2009-10-21

打赏
举报

如果赋值的话就这样
a.href = '';
img.src = '';

MuBeiBei 2009-10-21

打赏
举报

[Quote=引用 29 楼 ccccffff 的回复:]
createElement("a);
和createElement("img");?
[/Quote]

var a = document.createElement('a');
var img = document.createElement('img');

ccccffff 2009-10-21

打赏
举报

createElement("a);
和createElement("img");?

BeenZ 2009-10-21

打赏
举报

是的,只要是dom节点

MuBeiBei 2009-10-21

打赏
举报

能只要是HTML标签都能

ccccffff 2009-10-21

打赏
举报

真的谢谢楼上的了。还有最后一个问题，htmlData += " <div > <input type='text' maxlength='50' name = 'tname' /> <a href = "111.html"><img src = "11.jpg"/></a></div>";

对于href和img的话，也能用createElement么？

MuBeiBei 2009-10-21

打赏
举报

或者div.className = 'div';//这里写样式表里CLASS名字如.div{color:'red';}

BeenZ 2009-10-21

打赏
举报

MuBeiBei 2009-10-21

打赏
举报



<script> 

function addRow(){ 

  var htmlData=""; 

  var div = document.createElement('div');

  div.style.color = 'red'; //这么加

  var input  = document.createElement('input');

  input.type = 'text';

  input.maxlength = '50';

  input.name = 'tname';

  input.onclick = function(){

  	alert('aaaaa');

  };

  div.appendChild(input); 

  document.getElementById('inputdetail').appendChild(div); 

} 

</script> 

<div id="inputdetail"> </div> 

<input type = button value = "addrow" onclick = "addRow()"/>

ccccffff 2009-10-21

打赏
举报

好的，谢谢楼上的。
还有，如果div有个css的话，要加载class = "test"的话，应该怎么加的？

jiangdongyixia 2009-10-21

打赏
举报

<input type = button value = "addrow" onclick = "addRow(){"/>
这里好像错了

MuBeiBei 2009-10-21

打赏
举报



<script> 

function addRow(){ 

  var htmlData=""; 

  var div = document.createElement('div');

  var input  = document.createElement('input');

  input.type = 'text';

  input.maxlength = '50';

  input.name = 'tname';

  input.onclick = function(){

  	alert('aaaaa');

  };

  div.appendChild(input); 

  document.getElementById('inputdetail').appendChild(div); 

} 

</script> 

<div id="inputdetail"> </div> 

<input type = button value = "addrow" onclick = "addRow()"/>

BeenZ 2009-10-21

打赏
举报



<script>

    function addRow(){

        var doms=document.getElementById('inputdetail');

        var div=document.createElement("div");

        var ipt=document.createElement("input");

        ipt.type="text";

        ipt.maxlength=50;

        ipt.name="tname";

        ipt.onclick=function(){

            alert("click")

        }

        div.appendChild(ipt);

        doms.appendChild(div);

    }

</script>

<div id="inputdetail"> </div>

<input type = button value = "addrow" onclick = "addRow()">

sohighthesky 2009-10-21

打赏
举报

ipt.onclick=set;//

sohighthesky 2009-10-21

打赏
举报

[Quote=引用 16 楼 ccccffff 的回复:]

<input type = button value = "addrow" onclick = "addRow()">
如果input 有事件，比如onclick = "set()"的话，应该怎么加的？
[/Quote]
10楼的直接添加，
或者
ipt.onclick=addRow;

ccccffff 2009-10-21

打赏
举报

BeenZ 2009-10-21

打赏
举报

[Quote=引用 9 楼 ccccffff 的回复:]
BeenZ的，执行几百次后，效果跟原先也差不多啊。。。没快到哪里去
[/Quote]

如果你要做很多次拼接(+=)操作,那这个方法就会提高效率

元素很多的时候慢在dom操作上,innerHTML每次都增加一遍,肯定慢

MuBeiBei 2009-10-21

打赏
举报

[Quote=引用 6 楼 mubeibei 的回复:]
HTML code<script>function addRow(){var htmlData="";var div= document.createElement('div');var input= document.createElement('input');
input.type='text';
input.maxlength='50';
input.name='tname';

div.appendChild(input);
document.getElementById('inputdetail').appendChild(div);
}</script><divid="inputdetail"></div><inputtype= buttonvalue= "addrow" onclick= "addRow()"/>
[/Quote]

用appendChild

wcwtitxu 2009-10-21

打赏
举报

function addRow() {

    var div = document.createElement("div");

    div.innerHTML = "<input type='text' maxlength='50' name='tname' />";

    document.getElementById('inputdetail').appendChild(div);

}

sohighthesky 2009-10-21

打赏
举报

[Quote=引用 9 楼 ccccffff 的回复:]
BeenZ的，执行几百次后，效果跟原先也差不多啊。。。没快到哪里去
[/Quote]
push的效率并不高在ie下，要使用数组也是用数组索引来访问添加元素，效率比较高

加载更多回复（11）

怎么innerHTML重复调用后，越来越慢？

相关推荐