如何<a>僅使用 javascript 獲取沒有 id 的標簽</a>文本

Question

我將 javascript 附加到以下標簽部分

<a class="btn-button button" onclick="myAlert()">
</a>

這是我的 javascript function

<script>
    function myAlert() {
        alert('Test..');
    }
</script>

當 javascript 觸發時，如何獲取當前文本？ 如您所見， a標簽中沒有設置 id。

編輯我知道現在沒有價值，但我只是復制我的實際代碼。 在某些時候會有一個值，因為它是從包括 Angular 在內的其他組件中使用的。

Answer 1

我不知道哪種正確的 Angular 方法可以做到這一點，因為您沒有共享 Angular 代碼，但這是可以在普通 HTML/JS 中完成的方法：

在onclick中， this設置為 function 的參數，以便您可以接收調用它的 HTML 元素。

然后，您可以使用textContent或innerText （請參閱此 MDN 頁面中它們的差異列表）來獲取或更改文本值。

 function myAlert(element) { alert('Test..' + element.textContent); //adding something so that we can see it's dynamic element.textContent += ' bla'; }

 <a class="btn-button button" onclick="myAlert(this)"> click me</a>