document.createTextNode实现原样输出div

最新推荐文章于 2024-05-05 22:36:39 发布

最新推荐文章于 2024-05-05 22:36:39 发布 · 507 阅读

标签

#javascript #ViewUI

收录于

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用HTML标签和JavaScript来实现在网页上原样输出HTML内容。通过具体示例展示了如何创建并插入包含HTML文本的元素到页面中。

1.前言
原样输出html可以用html标签，也可以用js实现，如用document.createTextNode，详情请看下面例子.
2.例子代码


<!DOCTYPE html>
<html>
<head>
  <style>p { background:yellow; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  I would like to say: 

<script type="text/javascript">
var text = document.createTextNode("<div>111</div>");
var contain = document.createElement("div");
contain.appendChild(text);
document.body.appendChild(contain);

</script>

</body>
</html>