从元素中获取文本并将其作为值放入文本中

时间:2016-04-11 13:30:50

标签: javascript html

我正在努力实现以下目标,其中包括:

  1. 使用JavaScript从元素中检索数据。
  2. 
    
    <p id='returnText'>Text</p>
    &#13;
    &#13;
    &#13;

    1. 在步骤1中将“来自输入值”设置为检索到的文本。
    2. 这就是我现在所拥有的而且我真的卡住了:(

      &#13;
      &#13;
      function autoMagicallySubmit(){
      	var html = document.getElementById("returnText").innerHTML;
      	html.replace(/<[^>]*>/g, "");
      	document.getElementById("sendText").value = html.text;
      }
      &#13;
      <p id='returnText'>TEXT NEEDED TO BE TAKEN!</p>
      
      <form name="myForm"action="Contact" method="post">
      	<input type="text" name="sendText" id="sendText" value="">
      </form>
      &#13;
      &#13;
      &#13;

      但我一直在检索&#34; Undefined&#34;在texbox中。我有php回显第1步中的元素。

2 个答案:

答案 0 :(得分:0)

document.getElementById("returnText").innerHTML;

返回文本,而不是具有属性&#34; text&#34;。

的对象

你应该有document.getElementById("sendText").value = html

答案 1 :(得分:0)

innerHTML为您提供文字内容(<p id='returnText'>和(</p>之间),因此是字符串,而不是对象,您只需要值

&#13;
&#13;
function autoMagicallySubmit(){
	var txt = document.getElementById("returnText").innerHTML;
	txt.replace(/<[^>]*>/g, "");
	document.getElementById("sendText").value = txt;
}
autoMagicallySubmit()
&#13;
<p id='returnText'>TEXT NEEDED TO BE TAKEN!</p>

<form name="myForm"action="Contact" method="post">
	<input type="text" name="sendText" id="sendText" value="">
</form>
&#13;
&#13;
&#13;