18910140161

JavaScript-如何通过单击特定元素将特定元素值输出到console.log-Stack Overflow

顺晟科技

2022-10-19 12:31:06

112

在此处输入图像说明

如上图所示,当第一个元素值为7时, 如果单击,我希望在console.log.

中输出7
var container1 = document.createElement('div')
container1.className = 'container1';
document.body.appendChild(container1);
for(var index = 0;index < 20 ; index++){
   var aa = document.createElement('span')
   aa.innerHTML = card1[index];
   container1.appendChild(aa);
   aa.className = 'card'+index;
   aa.addEventListener('click',clickEvent)
}
function clickEvent(){
   //What code should I use?
}

顺晟科技:

您需要通过以下操作捕获函数中的click事件:

var container1 = document.createElement('div')
container1.className = 'container1';
document.body.appendChild(container1);
for(var index = 0;index < 20 ; index++){
   var aa = document.createElement('span')
   aa.innerHTML = card1[index];
   container1.appendChild(aa);
   aa.className = 'card'+index;
   aa.addEventListener('click',clickEvent)
}
function clickEvent(){
   //What code should I use?
}

捕获事件的方法是在创建函数时将其作为参数传递,请不要在将其添加到事件侦听器时传递。

事件是clicking事件,它的属性之一是指向发生事件的元素的target,从那里您可以访问几乎该元素上的任何内容,包括它的值,我假设您指的是它的文本(上面的数字)。

如果您也提供了HTMLCSS,那么它将直接满足您的需要,但是也可以使用keyword实现类似的方法,在单击

时打印每个标记

你好吗?

尝试此:

var container1 = document.createElement('div')
container1.className = 'container1';
document.body.appendChild(container1);
for(var index = 0;index < 20 ; index++){
   var aa = document.createElement('span')
   aa.innerHTML = card1[index];
   container1.appendChild(aa);
   aa.className = 'card'+index;
   aa.addEventListener('click',clickEvent)
}
function clickEvent(){
   //What code should I use?
}

为此,可以使用JavaScript中HTML元素的textContent属性。要完成此操作,还需要将event传递到clickEvent函数中。单击事件具有event.target,这是单击的HTML节点。事件

var container1 = document.createElement('div')
container1.className = 'container1';
document.body.appendChild(container1);
for(var index = 0;index < 20 ; index++){
   var aa = document.createElement('span')
   aa.innerHTML = card1[index];
   container1.appendChild(aa);
   aa.className = 'card'+index;
   aa.addEventListener('click',clickEvent)
}
function clickEvent(){
   //What code should I use?
}

据我所知,这应该像你打算的那样有效。我最近没有使用过JS的前端,所以如果我错了请纠正我。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航