javascript - 动态添加数据到 span 标签

标签 javascript html

我在里面有一个 span 标签,里面有一些 html 代码来创建一些 Angular 和其他东西。现在使用 javascript 我想给它添加一些标题。约束是 span 的原始内容不应该被覆盖。

例如

<span>  <!-some more complicated html code </span>

现在我想在 span 中添加标题,这样 span 应该看起来像

<span> NEW CAPTION <!-some more complicated html code </span>

我该怎么做?

document.getElementById.innerHtml = "NEWCAPTION" + document.getElementById.innerHtml 

这是正确的吗?

最佳答案

如果您要这样做,则需要为跨度提供一个 ID。另外 innerHtml 应该是 innerHTML

例如。

<span id="mySpan">  <!-come more complecated html code </span>

document.getElementById('mySpan').innerHTML = "NEWCAPTION" + document.getElementById('mySpan').innerHTML

关于javascript - 动态添加数据到 span 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4203134/

相关文章:

javascript - 在 asp.net 文本框中键入内容时自动添加点 (.)(将文本框格式设置为小数点后两位)

javascript - 在声明时调用 jQuery 方法,然后调用 onEvent

javascript - 未提供过滤器时 Angular 显示全部

javascript - HTML5 模板中未显示希伯来语字符

html - IE10 直接写入 'Empty Text Node' 吗?

javascript - 处理多个异步请求

javascript - ASP.NET Core - 用数据增量填充 View

php - 为什么我得到 GET 方法?

JavaScript 坏了?

javascript - Materialize CSS 无法以编程方式打开可折叠元素