js1.将文本的值value,添加到数组arr 2. 将数组arr展示在第一个span中,innerText
时间: 2024-11-25 09:16:57 浏览: 8
JS数组降维–Array.prototype.concat.apply([], arr)
在JavaScript中,你可以使用以下步骤来完成这两个任务:
1. 将文本的`value`属性添加到数组`arr`中:
```javascript
// 假设你有一个文本输入框textInput,获取其值
let textValue = document.getElementById('textInput').value;
// 创建或初始化数组arr(如果不存在就创建)
let arr = arr || []; // 如果arr还不存在,创建一个空数组
// 添加值到数组
arr.push(textValue);
```
2. 将数组`arr`的内容显示在页面的第一个`<span>`元素的innerText上:
```javascript
// 获取第一个span元素
let firstSpan = document.querySelector('#firstSpan');
// 检查span是否存在并清空内容
if (firstSpan) {
firstSpan.innerText = ''; // 清除原有内容
}
// 如果数组非空,将其转换成字符串并赋值给span
if (arr.length > 0) {
firstSpan.innerText = JSON.stringify(arr); // 使用JSON.stringify转义特殊字符并显示
} else {
console.log("数组为空");
}
```
以上代码假设你已经有了一个id为`firstSpan`和`textInput`的HTML元素,并且你想实时更新span的内容。
阅读全文