Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.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/74.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_Html_Forms_Contenteditable - Fatal编程技术网

Javascript 获取span的内容

Javascript 获取span的内容,javascript,jquery,html,forms,contenteditable,Javascript,Jquery,Html,Forms,Contenteditable,如何获取span的内容? 我正在寻找一种方法,使所有这些都是普通的,而不是jQuery javascript(和一点jQuery) 这是我的html <div id="textArea"> <span id="myInput" contenteditable="true">kfjdkfj</span> </div> <br /> <form name="form1" method="post" action=""> &l

如何获取span的内容? 我正在寻找一种方法,使所有这些都是普通的,而不是jQuery

javascript(和一点jQuery)

这是我的html

<div id="textArea">
<span id="myInput" contenteditable="true">kfjdkfj</span>
</div>
<br />
 <form name="form1" method="post" action="">

<textarea rows="3" cols="40" name="user_text" style="border:2 solid #808080; font-family:verdana,arial,helvetica; font-weight:normal; font-size:10pt" onclick="select_area()"></textarea>
<br />
<input type="button" value="Submit" onclick="return validate_user_text();"></form>

kfjdkfj


谢谢

您可以使用

摘自MDN:

// Given the following HTML fragment:
//   <div id="divA">This is <span>some</span> text</div>

// Get the text content:
var text = document.getElementById("divA").textContent;
// |text| is set to "This is some text".

// Set the text content:
document.getElementById("divA").textContent = "This is some text";
// The HTML for divA is now:
//   <div id="divA">This is some text</div>
//给定以下HTML片段:
//这是一些文本
//获取文本内容:
var text=document.getElementById(“divA”).textContent;
//| text |设置为“这是一些文本”。
//设置文本内容:
document.getElementById(“divA”).textContent=“这是一些文本”;
//divA的HTML现在是:
//这是一些文本
试一试:

var input = document.getElementById("myInput");
var text = input.innerHTML;

这里有一个问题:

var text = document.getElementById('myInput');
text.text();
您从未将输入文本指定给任何变量

按照上述模式,您可以执行以下操作:

var txt = document.getElementById('myInput'),
    txt = text.text();
第二个变量更新前一个变量“txt”,以保存原始“txt”变量(作为选择器)的文本

 $('#myInput').text();
您也可以这样做(香草javascript,):

而不是使用

text.text();
尝试使用

text.innerHTML;
我发现只有在使用jQuery选择器时.text()才起作用

 $('#myInput').text();
或缩写形式:

var text = $('#myInput').text()

你25分钟前问过这个问题。垃圾邮件会给你一个问题禁令,特别是因为你的问题离题而且没有什么价值。你可以只使用
并使用
.value
获取值。把你从麻烦中解救出来。谢谢!我会试试这个:DtextContent非常适合这样做。谢谢感谢您没有给出令人困惑的答案;)
var text = (document.getElementById("myInput")).innerHTML
var text = $('#myInput').text()