js設(shè)置span的值
2024-02-15 17:12:10
```html
Hello, World!
```
```javascript
var span = document.getElementById('mySpan');
span.innerText = '新的文本';
// 或者
span.innerHTML = '包含HTML代碼的新文本';
```
這就是在JS中設(shè)置span元素的值的基本方法。
現(xiàn)在,讓我司來看下如何將這種方法用于數(shù)字孿生技術(shù)在建筑能耗分析中的用創(chuàng)建個span元素顯示當(dāng)前的能源消耗量,通過定時器定期更新這個值。這我司有個獲取實時能源消耗數(shù)據(jù)的API接口。
```html
```
```javascript
function updateEnergyUsage() {
fetch('http://example.com/api/energy-usage')
.then(response => response.json())
.then(data => document.getElementById('energyUsage').innerText = data.usage);
}
setInterval(updateEnergyUsage, ); // 每隔秒更新次
```
圖書管理方面,類似的用用span元素顯示當(dāng)前用戶的借書數(shù)量,且當(dāng)用戶借書或者書時更新這個值。