javascript - 使用 JavaScript 显示数据在 textarea 中有效，但在 div 中无效

Question

我无法显示从表单输入中提取到我的 div 标签的数据。数据在我使用时显示，textarea但只要将 ID 添加到我的 div 数据就不会显示。

这是HTML：

<div id="left">
<div id="input">
    <input rows="1" name="q"  id="GoogleURLtextarea"></input>
</div>
</div><!--CLOSE LEFT-->

<div id="main">
   <textarea rows="4" cols="100" id="MainURLtextarea"></textarea>
   <button onClick="ParseGoogleURL(document.getElementById('GoogleURLtextarea').value)" >     </button>
</div><!--CLOSE MAIN-->

这是我的 JS：

function ParseGoogleURL(data)
{
    var tokenString     = data.split('/');
    var filename        = tokenString[tokenString.length - 1];
    var MainURL    = 'http://www.honeywellaidc.com/patents/pdf/' + filename + '.pdf';
    document.getElementById('MainURLtextarea').value = MainURL;
}

我的问题是，如果我尝试使用 ID="MainURLtextarea" 并将其发布到 "#main" div 标签，它就不起作用。我试图用但没有工作。希望这是有道理的。提前感谢您的帮助。

Answer 1

在PargeGoogleURL您设置value属性时，该属性用于 <textarea>s。但是，对于 <div>，您应该使用innerTextor innerHTML（视情况而定）。

Answer 2

我能够通过将所有内容放入 iframe 而不是嵌入它来使其工作。

HTML：

<div id="MainURLtextarea"></div>

JS：

document.getElementById("MainURLtextarea").innerHTML = '<iframe src="http://www.honeywellaidc.com/patents/pdf/' + filename + '.pdf" width="100%" height="768">