嗨，所以我正在嘗試理解和學習 Javascripting。我面臨著找出如何提醒每個人 onclick 的內容的挑戰。使用回圈。
所以我開始撓頭，嘗試多種方法。我確實設法讓內容得到提醒，但不幸的是沒有點擊事件。
function raport()
document.querySelectorAll(".fake").forEach(div=>{
text =div.textContent;
});
alert(text);
}
使用查詢選擇器搜索類名 .fake 后跟 div=>text.div.textcontent 使變數 text = 到 div 的內容。加載頁面后，瀏覽器會成功提醒 html 頁面上的 div 內容。
但是當我嘗試使用 onclick 事件在單擊按鈕時觸發回圈時..
沒發生什么事..
我想添加一個帶有特定 id 的按鈕并結合代碼：
document.getElementById('demo').onclick = function() {raport()}
HTML 按鈕：
<button id= "demo" onclick="raport()">Klik</button>
作為完成它的一種手段，但我沒有收到任何錯誤，也沒有收到任何內容警報。
我也想這不是完成挑戰的最有效方法。因為我應該提醒每個人意味著我將復制具有唯一按鈕 id 和 div 類的代碼以獲得正確的結果。
關于如何讓 clickevent 作業的任何提示？
任何幫助將非常感激！
uj5u.com熱心網友回復：
就像演示然后關閉問題一樣，這是一個錯字錯誤：
let text ='';
function raport() {
text = ''; // add this if you want clean variable everytime click, or just declare into function the variable
document.querySelectorAll(".fake").forEach(div => {
text = div.textContent;
});
alert(text);
}
document.getElementById('demo').onclick = function() {
raport()
}<button id="demo" onclick="raport()">Klik</button>
<div class='fake'>Hello</div>
<div class='fake'>Man</div>uj5u.com熱心網友回復：
如果你想點擊每個“假”，我總是建議委托
如果您想獲得物品清單，還有一張地圖
window.addEventListener("load", function() { // when the page loads
const res = document.getElementById("res");
const fakes = document.querySelectorAll("#demo .fake");
document.getElementById("demo").addEventListener("click", function(e) {
const tgt = e.target;
if (tgt.classList.contains("fake")) {
res.textContent = tgt.textContent;
}
});
document.getElementById("klik").addEventListener("click", function() {
res.innerHTML = [...fakes] // cast the html collection to an array
.map(fake => fake.textContent) // map the content
.join(",");
})
});<div id="demo">
<div class='fake'>Hello</div>
<div class='fake'>Man</div>
</div>
<button type="button" id="klik">Klik</button>
<hr/>
<div id="res"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/341033.html
標籤：javascript html 查询 css