2011-02-26 16 views
1

文字列を返すJavaScript関数があります。この文字列をhtmlページに書きますが、幅を指定できるブロック・オブ・テキスト形式です。私は現在、読み取り専用textareaを使用していますが、もっと良い方法があると確信しています。どうすればいい?文字列をHTMLのテキストブロックとして表示する方法

例:

編集
The dog was 
lazy in the 
sun. 

申し訳ありませんが、私はされていなかったのhtmlページで
The dog was lazy in the sun.

:文字列はjavascript関数から返さ

十分にクリア。 このjavascript関数は任意の文字列を返すことができますが、返すことができるものはわかりません。 は、だから私のHTMLの内側に、私は次のようにします:

<script type="text/javascript" /> 
    document.write(functionCall()); 
</script> 

が、私は上記の例では、このような書式を設定したいと思います。 残念ながら、これをwidth属性の<div>タグにラップすることはできません。

答えて

0
var text, width, container; 

width = "200px";  // set this to whatever you like 
text = some_function(); 

// you can create a <div id="text-container"></div> in your 
// HTML wherever you want the text to show up, or you can 
// the JavaScript just create it at the bottom of the page 

container = document.getElementById("text-container"); 
if(!container) { 
    container = document.createElement("div"); 
    container.id = "text-container"; 
    document.body.appendChild(container); 
} 

container.style.width=width; 
container.innerHTML = text; 
+0

の幅を持つテーブル

<div style="width:200px"></div>

または

を言いましたありがとう、これは私が欲しかったものでした。 – CodeNewbie

0

<pre>タグにテキストを配置してください。結局のところ、フォーマット済みテキストの略です。

pre { 
    width: 100px; 
} 

そのようにあなたが交互に文字列自体にブレークを追加し、<pre>タグに追加し、それができ:

http://www.w3schools.com/tags/tag_pre.asp

あなたは、その要素の幅を制御するためにCSSを使用することができます既にフォーマットされています(幅が必要ありません)。あなたはoffexとしてdiv要素のようfixind幅でそれを行うことができます

0

<table width="200px"></table>

関連する問題