如上圖所示，當第一個元素的值是7。 如果我點擊，我想在console.log.中輸出7
。var container1 = document.createElement('div'/span>)
container1.className = 'container1';
document.body.appendChild（container1）。
for(var index = 0;index < 20; index ){
var aa = document.createElement('span'/span>)
aa.innerHTML = card1[index];
container1.appendChild（aa）。
aa.className = 'card' index;
aa.addEventListener('click', clickEvent)
}
function clickEvent（）{
//What code should I use?
}
uj5u.com熱心網友回復：
為此，你可以在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'/span>)
aa.innerHTML = card1[index];
container1.appendChild（aa）。
aa.className = 'card' index;
aa.addEventListener('click', clickEvent)
}
function clickEvent（event）{
//What code should I use?
let clickedBox = event.target;
console.log（clickedBox.textContent）。
}
據我所知，這應該是按照你的意圖作業。我最近沒有接觸過JS的前端，如果我說錯了，請糾正我。
uj5u.com熱心網友回復：
你怎么樣？
試試這個：
function clickEvent(evt){
console.log(evt.target.innerHTML)
}
uj5u.com熱心網友回復：
你需要在你的函式clickEvent中捕獲點擊事件，具體做法是：
function clickEvent(span class="hljs-keyword">event){
console.log(event.target.textContent)。
}
捕獲事件的方法是在創建你的函式時將其作為引數傳遞，不要在你將其添加到事件監聽器時傳遞。
該事件是點擊事件，它的一個屬性是指向事件點擊所發生的元素的名為target的東西，從那里你可以訪問該元素上的任何東西，包括它的值，我想你是指它的文本（它上面的數字）。
uj5u.com熱心網友回復：
如果你已經提供了HTML和CSS，那么它將直接回答你的需求，但類似的方法可以使用this關鍵字，在點擊時列印每個span標簽的innerHTML
function paret(reed) {
console.log(reed.innerHTML)
}div {
display: flex;
justify-content: space-between;
}
span {
cursor: 指標。
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 160px;
background-color: red
}<div>
<span onclick="paret（this）"> 7</span>
<span onclick="paret(this)"> 17</span>
<span onclick="paret(this)"> 9</span>
<span onclick="paret(this)"> 8</span>
<span onclick="paret(this)"> 5</span>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/321626.html
標籤：
上一篇：React表單回傳未定義的值