Javascript: Đặt onclick động và tự chuyển qua phần tử

Question

Tôi đang tạo động một số yếu tố <div> và sau đó điền các thuộc tính innerHTML của mình bằng văn bản. Tôi đang cố gắng thiết lập các trình xử lý sự kiện onclick như sau:

myDiv.onclick = function() { alert("Hello!") }; 

Điều đó tôi có thể làm. Những gì tôi muốn làm là có thể truy cập vào giá trị/innerHTML (mới với Javascript và DOM, vì vậy tôi không chắc chắn về thuật ngữ nào là những gì tôi đang tìm kiếm) trong hàm onclick mới được xác định. Làm cách nào để truy cập dữ liệu của myDiv trong hàm đang được xác định cho thuộc tính onclick của nó? myDiv sẽ là một cái gì đó đơn giản như:

<div>StackOverflow</div> 

Bất kỳ trợ giúp nào sẽ được đánh giá cao!

Answer 1

Trình xử lý onclick được thực thi trong ngữ cảnh của phần tử.

myDiv.onclick = function() { alert(this.innerHTML); }; 

Answer 2

Bên trong trình xử lý, this sẽ tham chiếu đến phần tử.

myDiv.onclick = function() { alert(this.innerHTML) }; 

Tadaaa :).

Answer 3

Tôi nghĩ rằng những gì bạn đang sau là:

Cá nhân tôi muốn tránh xa innerText (do các vấn đề trình duyệt) và sử dụng innerHTML như một quy luật