HTML//要求1:点击获取所有规格按钮 把所有内存文本内容放入 文本框中
时间: 2023-11-27 15:03:43 浏览: 57
好的,根据你的要求,我可以提供一个基本的 HTML 和 JavaScript 的实现。
HTML 代码:
```html
<button id="get-spec-btn" onclick="getSpec()">获取所有规格</button>
<div id="memory-list">
<div class="memory">4GB</div>
<div class="memory">8GB</div>
<div class="memory">16GB</div>
</div>
<textarea id="text-box"></textarea>
```
JavaScript 代码:
```javascript
function getSpec() {
// 找到所有内存文本内容的元素,并将它们的文本内容保存到一个数组中
var memories = [];
var memoryElems = document.getElementsByClassName('memory');
for (var i = 0; i < memoryElems.length; i++) {
memories.push(memoryElems[i].innerHTML);
}
// 将数组中的所有文本内容拼接成一个字符串,并将该字符串显示在文本框中
var memoryStr = memories.join('\n');
var textBox = document.getElementById('text-box');
textBox.innerHTML = memoryStr;
}
```
解释:当用户点击按钮时,JavaScript 代码会找到页面中所有 class 为 `memory` 的元素,并将它们的文本内容保存到一个数组中。然后,代码将数组中的所有文本内容拼接成一个字符串,并将该字符串显示在页面中 id 为 `text-box` 的 textarea 元素中。
请注意,这只是一个简单的示例,实际上,你需要根据自己的具体情况进行调整和修改。
阅读全文