Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从span传递/提取文本?_Javascript_Jquery - Fatal编程技术网

Javascript 如何从span传递/提取文本?

Javascript 如何从span传递/提取文本?,javascript,jquery,Javascript,Jquery,如何在单击时将跨度值传递给回调 <span class="test" onClick="testFunction(this);">Test</span> function testFunction(e) { alert(JSON.stringify(e)); } 如何从span传递/提取文本? 我需要有onClick-inside标记,而不是以其他方式附加。要获取span标记(或任何HTML标记)内的内容,可以使用元素的innerHTML属性。例如 funct

如何在单击时将跨度值传递给回调

<span class="test" onClick="testFunction(this);">Test</span>

function testFunction(e) {
    alert(JSON.stringify(e));
}
如何从span传递/提取文本?
我需要有onClick-inside标记,而不是以其他方式附加。

要获取span标记(或任何HTML标记)内的内容,可以使用元素的innerHTML属性。例如

function testFunction(e) {
    alert(e.innerHTML);
}

您正在将元素正确地传递给函数

当您使用
JSON.stringify
时,您不会得到任何结果。元素只有在其原型中定义的成员,而没有任何成员添加到对象实例本身。
stringify
函数只包含对象实例的成员,而不是来自其原型,因此得到的结果与在空对象上调用它的结果相同

如果您从元素中获取一些属性并显示出来,您会看到您实际上有一个对它的引用:

function testFunction(e) {
  alert(e.tagName); // shows "SPAN"
}
或:


演示:

您可以执行以下操作:

<span class="test" onClick="testFunction(this);">Test</span>

function testFunction(elem) {
    alert(elem.innerHTML);
}
测试
功能测试功能(elem){
警报(elem.innerHTML);
}
function testFunction(e) {
  alert(e.innerHTML); // shows "Test"
}
<span class="test" onClick="testFunction(this);">Test</span>

function testFunction(elem) {
    alert(elem.innerHTML);
}