Question

如何使用onclick从链接获取文本？

我的代码：

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

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

text = 链接

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());
});

或者更具体......给<a>一个id并使用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 Demo

Answer 3

你可以这样做：

<强> HTML

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

<强> JS

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

演示：Fiddle

Answer 4

使用jQuery，你可以这样做。

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

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

Answer 5

尝试使用纯javascript

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

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

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);
    }

通过javascript中的onclick链接获取文本

8 个答案: