0

フォーム入力からdivタグにプルされたデータを表示できません。使用するとデータが表示されますtextareaが、divにIDを追加するとすぐにデータが表示されません。

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タグに投稿しようとすると、機能しないことです。をに置き換えようとしましたが、動作しません。これが理にかなっていることを願っています。よろしくお願いします。

4

2 に答える 2

1

ここでは、<textarea>に使用される属性PargeGoogleURLを設定しています。valueただし、<div>の場合は、innerTextまたはinnerHTML（必要に応じて）を使用する必要があります。

于 2013-03-13T21:06:25.693 に答える
0

埋め込むのではなく、すべてを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">
于 2013-03-14T16:33:01.013 に答える