js 给span添加文本
时间: 2023-07-08 18:17:13 浏览: 41
可以使用JavaScript的innerHTML属性或者textContent属性给span添加文本。例如:
```html
<span id="mySpan"></span>
```
```javascript
const mySpan = document.getElementById("mySpan");
mySpan.innerHTML = "Hello World!";
// 或者
mySpan.textContent = "Hello World!";
```
这样就可以在span中添加文本"Hello World!"了。
相关问题
js 给span标签添加值
可以使用 JavaScript 的 DOM 操作来给 span 标签添加值。假设我们有一个 span 标签的 id 为 "mySpan",可以使用以下代码来给它添加值:
```javascript
document.getElementById("mySpan").innerHTML = "这是新的文本";
```
这会将 "这是新的文本" 这段文本添加到 span 标签中。你也可以使用其他的 DOM 操作方法来实现这个目的,比如使用 jQuery 的 text() 方法:
```javascript
$("#mySpan").text("这是新的文本");
```
这也会将 "这是新的文本" 添加到 span 标签中。
js 替换span文字
可以使用 JavaScript 中的 `innerHTML` 属性来替换 `span` 元素中的文字。以下是一个示例代码:
```html
<span id="mySpan">Hello World!</span>
<button onclick="replaceText()">Replace Text</button>
<script>
function replaceText() {
var span = document.getElementById("mySpan");
span.innerHTML = "New Text";
}
</script>
```
在上面的示例代码中,我们首先创建了一个 `span` 元素并为其添加了一个 `id` 属性。然后我们创建了一个按钮,当按钮被点击时,会调用 `replaceText()` 函数。这个函数使用 `getElementById()` 方法获取到 `span` 元素,然后使用 `innerHTML` 属性将其内容替换为 "New Text"。