textarea内容展示html
时间: 2023-07-01 12:12:34 浏览: 329
要将 textarea 中的文本内容渲染为 HTML,可以使用以下步骤:
1. 获取 textarea 元素,并获取其文本内容。
2. 创建一个新的元素,例如 div,作为渲染后的 HTML 容器。
3. 将获取到的文本内容赋值给新元素的 innerHTML 属性。
4. 将新元素添加到页面中。
以下是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Textarea HTML 渲染</title>
</head>
<body>
<textarea id="myTextarea"></textarea>
<div id="renderedHTML"></div>
<script>
const textarea = document.getElementById('myTextarea');
const renderedHTML = document.getElementById('renderedHTML');
const content = textarea.value;
const div = document.createElement('div');
div.innerHTML = content;
renderedHTML.appendChild(div);
</script>
</body>
</html>
```
在这个例子中,我们首先获取了页面中的 textarea 元素和一个新的 div 元素,然后获取了 textarea 元素的文本内容并将其赋值给 div 元素的 innerHTML 属性。最后,我们将 div 元素添加到页面中的一个容器中,以显示渲染后的 HTML。