設置this的上下文時遇到問題。根據您當前的實現，this指的是窗口而不是調用該事件的元素。

您需要設置上下文正確，這可以通過多種方式實現。

使用.call()

function btnClick() {

var btnText = this.textContent || this.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

Quercus petraea

Betula pendula使用bind()

function btnClick() {

var btnText = this.textContent || this.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

Quercus petraea

Betula pendula將this傳遞給btnClick函數并使用參數

function btnClick(elem) {

var btnText = elem.textContent || elem.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

Quercus petraea

Betula pendula

但是我建議你擺脫內聯點擊處理程序并使用不顯眼的事件處理程序

function btnClick() {

var btnText = this.textContent || this.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

document.querySelectorAll(".button").forEach(function(element) {

element.addEventListener('click', btnClick);

})

Quercus petraea

Betula pendula

總結

以上是生活随笔為你收集整理的html点击按钮自动获取值,如何获取HTML按钮的文本值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。