javascript - 在javascript中使用onclick从链接中获取文本

Question

如何从带有 onclick 的链接中获取文本？

我的代码：

<a href='#' onclick='clickfunc()'>link</a>

 function clickfunc() {
        var t = text();
        alert(t);
    }

文字=链接

Answer 1

尝试这个

 <a href='#' onclick='clickfunc(this)'>link</a>

 function clickfunc(obj) {
    var t = $(obj).text();
    alert(t);
 }

好吧，总是更好，建议避免使用内联 javascript( onclick()).. 而你可以使用

$('a').click(function(){
    alert($(this).text());
});

或者更具体地说...给一个 id<a>并使用 id 选择器

 <a href='#' id='someId'>link</a>

 $('#someId').click(function(){
    alert($(this).text());
});

Answer 2

<a href='#' onclick='clickfunc(this)'>link</a>

clickfunc = function(link) {
  var t = link.innerText || link.textContent;
  alert(t);
}

JSFiddle 演示

Answer 3

用香草javascript试试这个

<a href='#' onclick='clickfunc(this)'>link</a>

 function clickfunc(this) {
    var t = this.innerText;
    alert(t);
}

Answer 4

你可以这样做：

HTML

<a href='#' onclick='clickfunc(this)'>link</a>

JS

function clickfunc(obj) {
    var t = $(obj).text();
    alert(t);
}

演示：小提琴

Answer 5

使用 jQuery，您可以这样做。

$(document).on('click', 'a', function(event){
    event.preventDefault();

    alert($(this).text);
});

Answer 6

html

<a href='#' id="mylink" onclick='clickfunc()'>link</a>

js

function clickfunc() {
            var l = document.getElementById('mylink').href; //for link
            var t = document.getElementById('mylink').innerHTML; //for innerhtml
            alert(l);
            alert(t);
        }

Answer 7

使用 jQuery 轻松尝试

$('a').click(function(e) {
  var txt = $(e.target).text();
  alert(txt);
});

Answer 8

由于您使用 javascript 而不是 jquery，请执行以下操作

<a href='#' onclick='clickfunc(this)'>link</a>

 function clickfunc(obj) {
        var t = obj.innerText;
        alert(t);
    }