首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >javascript添加而不是替换

javascript添加而不是替换
EN

Stack Overflow用户
提问于 2011-07-06 09:11:47
回答 6查看 69K关注 0票数 32

快速的问题,我知道我们可以更改的内容

<div id="whatEverId">hello one<div>通过使用:

代码语言:javascript
运行
复制
document.getElementById("whatEverId").innerHTML="hello two";

现在,我是否可以通过内容添加到div中而不是替换它呢?这样我就能

<div id="whatEverId">hello one hello two<div>

(当然使用类似的方法)

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2011-07-06 09:17:04

代码语言:javascript
运行
复制
<div id="whatever">hello one</div>
<script>
document.getElementById("whatever").innerHTML += " hello two";
</script>
票数 70
EN

Stack Overflow用户

发布于 2019-04-15 23:53:52

注意,使用element.innerHTML += 'content'会将inputtextarea清空到默认的空白状态,取消单击复选框,并删除附加到这些元素的任何事件(如onclickon hover等)。因为整个innerHTML将由浏览器重新解释,这意味着.innerHTML将从零开始用合并的内容重新填充。

如果需要保持状态,则需要创建一个新元素(例如<span> )并将其追加到当前元素,如下所示:

代码语言:javascript
运行
复制
let newElement = 'span'
newElement.innerHTML = 'new text'
document.getElementById('oldElement').appendChild(newElement)
票数 8
EN

Stack Overflow用户

发布于 2011-07-06 09:15:03

代码语言:javascript
运行
复制
document.getElementById("whatEverId").innerHTML =  document.getElementById("whatEverId").innerHTML +  "hello two" + document.getElementById("whatEverId").innerHTM ;
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6594014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档