给定纯文本的HTML只需要使用纯JavaScript (不使用jQuery)
给定纯文本的HTML只需要使用纯JavaScript (不使用jQuery)可以通过以下步骤实现：
- 创建一个HTML文件，并在文件中引入一个JavaScript文件。
- 在JavaScript文件中，使用
document.createElement方法创建HTML元素。 - 使用
document.createTextNode方法创建文本节点，并将其添加到创建的HTML元素中。 - 使用
appendChild方法将创建的HTML元素添加到文档的特定位置，例如document.body。 - 最后，使用
innerHTML属性将纯文本的HTML内容插入到创建的HTML元素中。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>纯文本HTML插入</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>// script.js
window.onload = function() {
var htmlText = "<h1>这是一个标题</h1><p>这是一个段落</p>";
var divElement = document.createElement("div");
var textNode = document.createTextNode(htmlText);
divElement.appendChild(textNode);
document.body.appendChild(divElement);
};在上述示例中，我们使用JavaScript动态创建了一个<div>元素，并将纯文本的HTML内容作为文本节点添加到该元素中。然后，我们将该<div>元素添加到文档的<body>部分。
这种方法适用于将纯文本的HTML内容插入到页面中，而不依赖于任何外部库或框架。
相关·内容
我想用Javascript构建一个动态表。我面临的问题是，我只有字符串，在<td>中没有html。我该如何解决这个问题呢？
它不是以html的形式发布的，而是以文本的形式发布的。所以在屏幕上我看到<
浏览 3提问于2016-08-17得票数 0
给定的链接：
所有这些都应该只在javascript中完成。只需要一个纯javascript的解决方案，不使用任何jquery。
浏览 1提问于2015-07-17得票数 4
如果我想使用来自Telerik的Kendo UI，我还需要了解哪些语言( HTML5、CSS3、JavaScript、C#)？
例如Jquery、Json、等等？
浏览 4提问于2012-02-22得票数 1
回答已采纳
1回答
朋友们，我该如何在使用Jade生成的表单上实现jQuery样式呢？我正在尝试做的是prettify表单，并使它们可点击。我的UI很糟糕。句号。
浏览 0提问于2014-03-03得票数 4
回答已采纳
在HTML文件中，我有一个文本字段和一个按钮。当按下按钮时，文本将通过纯JavaScript添加到to文本字段。HTML：<button onclick="myFunction()">click</button>
<e
浏览 0提问于2014-06-26得票数 0
浏览器: FF最新/ Chrome最新版ajax请求产生这个响应(发送为纯文本、单行、有效的JSON (由Gson生成)，由jQuery作为纯文本处理)。"convertedAmountPrecise": 6514.57,}
(为了便于阅读，这里格式化，但它以单行的形式到达
浏览 3提问于2014-08-12得票数 1
回答已采纳
1回答
我想知道是否有一种纯html的解决方案，当我点击一个标签或其他东西时，一个预先定义好的文本会被插入到文本输入字段中。我知道使用javascript/jquery会很容易，但我认为可能会有一个纯html的解决方案。
浏览 0提问于2015-09-06得票数 0
我有一个网页，它在我的机器上本地运行，只有JavaScript和HTML5本地存储(不需要need服务器)。我已经上传一个JSON/纯文本文件到网页只使用JavaScript，并将其转换为JavaScript对象，以便我的网页可以使用它。现在，我只需要一种方法将对象导出回JSON文本，然后让用户仅使用纯JavaScript</e
浏览 0提问于2011-08-19得票数 0
我需要能够添加元素到一个页面给定一个原始的HTML文本字符串，包括任何数量的标签，属性等。理想情况下，我希望能够做一些事情，如与任何格式良好的html字符串；
docume
浏览 1提问于2012-04-25得票数 58
回答已采纳
我有一个test.js文件，我想获取该文件的代码，并将其作为字符串放入一个变量中，但是如果不执行它，我该怎么做呢？我可以使用下面的jquery代码 $j('#result').html(data);但这样做的问题是执行JS代码，我不想执行它，我只想将代码放到一个变量中(当然是以字符串/纯文本
浏览 6提问于2012-11-17得票数 1
我正在调用JSON文件中的几个句子，并将其附加到一个<p>标记中。<p>
我想缩短它，即使它在json中已经被缩短了，我能使用纯css或html来限制它的长度吗？我不需要任何javascript/Jquery建议，因为如果涉及到javascirpt，很容易完成这个任务，我可能只需要使用dom，但在本例中，我想看看是否有任何纯html和css方法可以做到这一点。更新1
浏览 1提问于2016-05-19得票数 1
回答已采纳
我有一个字符串，其中包含HTML转义字符(用于<和>)，我试图使用innerHTML在div中呈现这些字符。转义字符不应呈现为普通html，而应呈现为文本。注意：目标是以普通文本的形式显示几个(意思不是全部)标记。I cannot just simplyP.S.请用纯JavaScript
浏览 7提问于2015-04-09得票数 1
回答已采纳
使用以下代码时：<head> #main{ }</headid='main' style='color: green'>hello</h1><script src="https://ajax.googl
浏览 6提问于2017-03-01得票数 3
回答已采纳
如果将其更改为“选中”，则输入type="text“的值将为1。这是我的javascript { console.log(textbox[a]) }
因此，问题是当我试图设置输入type=“文本”的值时，.value
浏览 1提问于2018-06-10得票数 0
如何使text-overflow: ellipsis在不应用white-space: nowrap、使用纯javascript、不包括任何jQuery库和不指定行数的情况下以多行文本形式工作？
浏览 4提问于2015-09-16得票数 0
我正在尝试用javascript获取纯html页面的标题。document.title
我在标题的末尾额外加上了"- Mozilla Firefox“。我知道通过修改字符串很容易摆脱这个问题，但是如果他们改变文本，使用不同的格式等，或者其他浏览器以不同的方式修改它，我又有额外的文本了。那么，有没有什么跨浏览器的方法可以用javascri
浏览 1提问于2012-02-10得票数 59
回答已采纳
1回答
下面的代码从Ajax调用中获取一个值，并应将其附加到带有相应值的div中。问题是，它附加为文本，而不是html，所以我真的把我的html看作页面上的文本。我怎么才能解决这个问题？
浏览 2提问于2016-11-07得票数 16
回答已采纳
将带有Javascript代码的HTML文档从本地 .html (file:///C:/...)加载到中，是否可以在不添加任何标记(如Chrome中的< code >D9</code>等)的情况下，在纯Javascript (无jQuery)中使用浏览器读取本地 .txt 文件？
浏览 5提问于2012-07-18得票数 1
回答已采纳
4回答
如何在纯JavaScript (没有jQuery，没有库)中检查给定的HTML元素是否为空？我对“空”的定义与相同。因此，如果给定的元素与:empty选择器匹配，那么我想了解它。
浏览 4提问于2014-02-14得票数 2
回答已采纳
我需要使用javascript (而不是jquery)获取属性值。你能和我分享一下如何使用纯javascript从上面的文本
浏览 0提问于2015-10-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
