如何将动态文本添加到HTML标记？
如何将动态文本添加到HTML标记？
提问于 2018-12-22 17:52:00
我是JS的新手。我想把鼠标点击数组中的(元素)词添加到HTML中。
var pos = document.querySelector('span');
for (let i = 0; i < array length; i++) {
button.addEventListener('click', function() {
pos.innerHTML = array[i];
});
}<p> the word generated is <span></span></p>
<button>go</button>
回答 4
Stack Overflow用户
发布于 2018-12-22 18:06:45
let array1 = ['1', '2', '3'];
var pos = document.getElementById('output');
var button = document.getElementById('btn');
button.addEventListener('click', function() {
for (var i = 0; i < array1.length; i++) {
pos.innerHTML = pos.innerHTML + array1[i];
}
});<p>the word generated is <span id="output"></span></p>
<button id="btn">go</button>
这将在单击按钮时显示数组的所有元素。
Stack Overflow用户
发布于 2018-12-22 18:17:23
尝试一下，它会在span元素中随机显示一个单词。
var words = ['rest', 'fever', 'ball', 'sky', 'earth', 'moon', 'sun', 'temper'];
var button = document.querySelectorAll('button').item(0);
button.addEventListener('click', function(event){
let span = document.querySelectorAll('p span').item(0);
let randomWord = words[Math.round(Math.random() * (words.length - 1))];
span.textContent = randomWord;
});p span {
font-weight: bold;
color: red;
}<p> the word generated is <span></span></p>
<button>go</button>
Stack Overflow用户
发布于 2018-12-22 18:41:09
或使用Jquery:
<p> the word generated is <span></span></p>
<button id="btn">go</button>代码：
var array = ['test','test2'];
$('#btn).on('click', function () {
array.forEach(function(entry) {
$('p span).append(entry+' ');
})
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53894637
复制相关文章
相似问题
腾讯云开发者
