javascript:将 html 添加到 <span> 末尾(菜鸟)

标签 javascript html innerhtml

我确信一定有一种更简单的方法可以做到这一点:

foo.innerHTML +="<br>";

上面的代码会产生脏结果,因为 SPAN 中有一个文本框,并且在使用 innerHTML 时该文本框中的数据会被删除。

我正在尝试“重新学习”JS,所以如果问题太菜鸟请原谅我。

最佳答案

我认为这是访问 append 的最佳方式一个新的 HTML 元素到另一个:

HTML

<span id="mySpan">This is my Text</span>

JS

var span = document.getElementById('mySpan');
var br = document.createElement('br');
span.appendChild(br);

关于javascript:将 html 添加到 <span> 末尾(菜鸟),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22787068/

相关文章:

javascript - 当我尝试在 javascript 中将日期转换为 toisostring 时,为什么要休息 1 天?

html - Firefox 中 Flexbox 中的垂直滚动渲染问题

javascript - 事件监听器单击后如何将 ID 传递给函数

html - 将 HTML5 blob 视频导出到 MP4

javascript - 使用在 Safari/IE/FF 中不起作用的 innerHTML/textContent/innerText 将字符串更改为日期

javascript - 如何使用 TypeScript 在 React Native 中使用 forwardRef 和 FunctionComponent

javascript - 如何通过匹配 ng repeat 中数组中的键来填充下拉列表?

java - 我的 Java 小程序可以在 Chrome 45 上运行吗?

javascript - 为什么此代码适用于输入文本框,但不适用于 contenteditable div?

javascript - 如何在 Firefox 中的纯 txt 文件上使用 innerHTML?