将JS函数输出输出到文本区域

时间:2014-08-14 01:28:03

标签: javascript html

尝试将此函数输出到下面的textarea。下面的当前代码有效,但它接管整个页面而不是输出到文本字段。我知道这两个没有正确连接。我已经用这个很长一段时间了,这让我疯了,所以这是这个剧本的最后一个稳定版本。

有什么建议吗?

  function doStuff()
  {
    var clkUrl = document.getElementById("clkUrl");
    var clkName = clkUrl.value;
    var assetUrl = document.getElementById("banUrl");
    var assetName = assetUrl.value;
    var impUrl = document.getElementById("impPix");
    var impName = impUrl.value;


    document.write('&lt;a href="'+clkName+'" target="_blank"&gt;'+'<br>');
    document.write('&lt;img src="'+assetName+'"&gt;'+'<br>');
    document.write('&lt;/a&gt;'+'<br>');
    document.write('&lt;img src="'+impName+'"&gt;'+'<br>');
  }

<input name="maininput" id="clkUrl" type="text" placeholder="Click Tracker" autofocus>
<br>
<input id="banUrl" type="text" placeholder="Asset URL">
<br>
<input id="impPix" type="text" placeholder="Impressions Pixel">
<br>
<input type="button" value="Get iFrame" onClick="doStuff()">
<br><br>
<textarea id="iframeoutput" rows="8" cols="50"></textarea>

1 个答案:

答案 0 :(得分:1)

您需要设置innerHTML的{​​{1}}属性。与普通<textarea>不同,<input>没有值属性,它们会在开始和结束标记之间呈现内容。

因此<textareas>函数变为:

doStuff()

请参阅此working jsFiddle