元素的内部文本作为<span onclick =“foo（this）”> myText </span>传递

Question

HTML：

<span onclick="foo(this);" >myText</span>

在我的 JavaScript 函数中，我需要获取此span元素的innerText。

 function foo(parameter) {
             alert($(parameter).text);                       
         }

它总是返回undefined。 我尝试过innerHTML，textContent等，但没有任何东西可以帮助我。

Answer 1

看起来您正在使用jQuery，因此请使用.html()

function foo(parameter) {
    alert($(parameter).html());
}

Answer 2

你需要调用text作为函数，因为它实际上是jQuery函数。

function foo(parameter) {
         alert($(parameter).text());                       
     }

或通过原始JavaScript

function foo(parameter) {
         alert(parameter.textContent);                       
     }

Answer 3

使用JQUERY

请参阅此fiddle

您可以使用jQuery的html()功能。你应该重写你的Javascript，如下所示

function foo(parameter) {
    alert($(parameter).html());
}

请详细了解docs

中的html()

使用JAVASCRIPT

请参阅fiddle

使用纯JavaScript，可以按如下方式完成。您应该使用innerHTML。

function foo(parameter) {
    alert(parameter.innerHTML);
}

请详细了解docs

中的innerHTML