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属性，该属性用于＆lt; textarea＆gt; s。但是，对于＆lt; div＆gt; s，您应该使用innerText或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">

使用JavaScript显示数据在textarea中工作，但不在div中

2 个答案: