JS获取Span标签的值
时间: 2024-05-13 15:20:05 浏览: 146
可以通过以下两种方法获取 `span` 标签的值:
1. 使用 `innerHTML` 属性
```html
<span id="mySpan">Hello World</span>
```
```javascript
const spanValue = document.getElementById('mySpan').innerHTML;
console.log(spanValue); // 输出:Hello World
```
2. 使用 `textContent` 属性
```html
<span id="mySpan">Hello World</span>
```
```javascript
const spanValue = document.getElementById('mySpan').textContent;
console.log(spanValue); // 输出:Hello World
```
注意:`innerHTML` 会返回 `span` 标签内包含的 HTML 内容,包括标签和文本;而 `textContent` 只会返回纯文本内容,不包括标签。因此,如果 `span` 标签内包含其他标签,使用 `textContent` 会忽略这些标签。
相关问题
js获取span标签的值
在 JavaScript 中,你可以使用 `document.getElementById()` 或 `document.querySelector()` 来获取 `<span>` 标签的值。
使用 `document.getElementById()` 方法:
```javascript
var spanValue = document.getElementById('spanId').innerHTML;
console.log(spanValue);
```
使用 `document.querySelector()` 方法:
```javascript
var spanValue = document.querySelector('span').innerHTML;
console.log(spanValue);
```
这些方法都可以用来获取 `<span>` 标签的内部内容,即标签中的文本值。请将 `spanId` 替换为你要获取的 `<span>` 元素的实际 ID 或者根据具体情况修改选择器参数,以确保能够正确获取到相应的元素值。
jquery获取span标签值为工号的隐藏
可以使用以下代码来获取span标签值为"工号"的隐藏元素:
```javascript
var hiddenValue = $("span:contains('工号')").filter(":hidden").text();
```
这段代码使用了jQuery的选择器和过滤器。首先,`$("span:contains('工号')")`选择所有包含文本"工号"的span元素。然后,`.filter(":hidden")`过滤出隐藏的元素。最后,`.text()`方法获取隐藏元素的文本值。
阅读全文