javascript - ネストされたテキストを Javascript の変数に変換する

Question

たとえば、次のコードがあるとします。

<a onclick="afunction()">1</a>

そして、変数

var output;

<a> タグ内のネストされたテキスト (この例では数字の 1) をクリックして、そのテキストを output の変数が等しいものにする関数が必要です。しかし、どうすればそれを行うことができますか?

Answer 1

そのように使用してtextContent

<a id="myLink">1</a>

JS:

var output = 'New Text Content';
var link = document.getElementById('myLink');
link.addEventListener('click', function() {
   this.textContent = output;
});

Answer 2

<a href='#' onclick='this.innerHTML = doSomething();' >1</a>

window.doSomething = function ()
{
    return "hello";
}

jsfiddle は必要ないと思いますが、ここにあります: http://jsfiddle.net/j9LaT/

アイデアは、呼び出し元のコンテキストを変更することですこれ(あなたの場合はその要素)

Answer 3

JS:

function afunction()
{
    var output='New Text';
    event.target.innerHTML=output;
}