javascript - 如何在html中将字符串显示为文本 block

Question

我有一个返回字符串的 JavaScript 函数。我想将此字符串写入 html 页面，但采用文本 block 格式，我可以在其中指定宽度。我目前使用的是只读 textarea ，但我确信还有更好的方法。我该怎么做？

示例:

从 JavaScript 函数返回的字符串:
The dog was lazy in the sun.

在 html 页面上:

The dog was  
lazy in the  
sun.

编辑:

抱歉，我说得不够清楚。这个javascript函数可以返回任何字符串，我不知道它会返回什么。所以在我的 html 中，我会执行以下操作:

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

但我想像上面的例子一样格式化它。不幸的是，将其包装在 <div> 中带有 width 的标签属性不起作用。

Answer 1

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;