个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我在 localStorage 中存储了一串 html 代码，我想要的是将该字符串转换为文档并将该文档添加到现有页面。到目前为止，我想出了:
var data = localStorage.getItem("data");
var frag = document.createRange().createContextualFragment(data);
document.body.appendChild(frag);
<html>
<head>
</head>
<body>
</body>
</html>
<p>Test</p>我试图得到的结果:
<html>
<head>
</head>
<body>
<p>Test</p>
</body>
</html>
<html>
<head>
</head>
<body>
"<p>Test</p>"
</body>
</html>
最佳答案
如果本地存储中的文本是 HTML，您可以使用 insertAdjacentHTML 将其插入到任何其他现有元素的开头、结尾、前面或后面。 .例如，使用 html 中的 HTML 添加到文档中最后在文档正文中:
document.body.insertAdjacentHTML("beforeend", html);
const html = "<p>This is a new paragraph with <em>emphasized</em> text.</p>";
document.body.insertAdjacentHTML("beforeend", html);<p>This paragraph is already on the page.</p>innerHTML 如果要完全删除该元素的当前内容并将其替换为 HTML 字符串中定义的内容，请使用现有元素的属性:
someElement.innerHTML = html;
const html = "This is the new content for the paragraph, with <em>emphasized</em> text.";
document.getElementById("existing-paragraph").innerHTML = html;<p id="existing-paragraph">This paragraph is already on the page.</p>p 或
div )并通过
appendChild 将其附加到某处或
insertBefore ，例如:
const p = document.createElement("p");
p.textContent = text;
document.body.appendChild(p);
const text = "This is plain text, so things like <this> don't get misinterpreted as HTML.";
const p = document.createElement("p");
p.textContent = text;
document.body.appendChild(p);createTextNode 将其附加为原始文本:
const textNode = document.createTextNode(text);
document.body.appendChild(textNode);
const text = "This is plain text, so things like <this> don't get misinterpreted as HTML.";
const textNode = document.createTextNode(text);
document.body.appendChild(textNode);<p>Testing <em> one two three</em></p>这意味着无论将文本放入本地存储的任何代码在执行此操作之前对其进行编码(因为本地存储不会这样做；它忠实地存储并返回您提供的确切字符串)。最好的解决方案可能是更新该代码，使其不这样做。
<所以他们是
<再次，然后再次插入并解析生成的 HTML。最简单的方法是创建一个元素(例如
div)，设置它的
innerHTML ，然后阅读它的
textContent .下面是一个例子:
const textFromLocalStorage = "<p>Testing <em> one two three</em></p>";
const div = document.createElement("div");
div.innerHTML = textFromLocalStorage;
const decodedHtml = div.textContent;
document.body.insertAdjacentHTML("beforeend", decodedHtml);<p>This paragraph is already on the page.</p>关于javascript - 如何将元素从字符串插入到 html 文档中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63356105/
27
4
0
我有 512 行要插入到数据库中。我想知道提交多个插入内容是否比提交一个大插入内容有任何优势。例如 1x 512 行插入 -- INSERT INTO mydb.mytable (id, phonen
已经提出了类似的问题，但由于它总是取决于，我单独询问我的具体情况。 我有一个网站页面，显示来自数据库的一些数据，要从该数据库生成数据，我必须执行一些相当复杂的多连接查询。 数据每天(每晚)更新一次。
我正在使用 MongoDb 和 MySQL 的 python 连接器 pymongo 和 pymysql 测试 MongoDb 和 MySQL，特别是插入功能。 pymongo版本是3.4，pymys
从 C# 应用程序插入大型数组(10M 元素)的最快方法是什么？ 到目前为止，我使用的是批量插入。 C# 应用程序生成一个大文本文件，我使用 BULK INSERT 命令加载它。出于好奇，我编写了一个
我编写了一个枚举类型，当我为它运行我创建的 JUnit 测试时会出现以下语法错误: java.lang.Error: Unresolved compilation problems: Synt
我正在尝试创建一个程序，它将单词列表作为输入，并将它们排序为二叉树，以便能够找到它们，例如像字典。这是我到目前为止所做的，但是 newEl -> el = input; 出现段错误，我知道这是因为它试
你好 我有编译这个问题 \begin{equation} J = \sum_{j=1}^{C} \end{equation} 我不断收到错误 missing $ inserted 这很奇怪，因
我需要使用 LINQ to SQL 将记录插入到没有主键的表中。 table 设计得很差；我无法控制表结构。该表由几个 varchar 字段、一个文本字段和一个时间戳组成。它用作其他实体的审计跟踪。
我正在尝试使用 itextsharp 创建 Pdf。我添加了一张包含两列的表格，其中一列包含文本和其他图像。我想要恒定的图像大小 如果另一个单元格中的文本增加并且其他单元格中的图像大小不同，我的图像会
我想把 calory 作为 fruits 的第一个值，我做不到，有人能帮忙吗？ $sql = 'INSERT INTO fruits VALUES('', ?, ?, ?)'
我有一个包含季度观察结果的 data.frame。我现在想插入每月值(首选三次，线性很好)。中间目标应该是使用 DATE 创建一个 data.frame作为所有每月观察的索引和缺失值。 谷歌搜索表明我
我想知道是否有办法在值列表中使用“插入”。我正在尝试这样做: insert into tblMyTable (Col1, Col2, Col3) values('value1', value
我想让人们能够在他们的网站中插入单个 Javascript 行，这实际上允许我插入包含我网站内容的固定大小的 IFRAME。它实际上是一个小部件，允许他们搜索我的网站或接收其他信息。这可能吗？ 最佳答
我有一个包含时间的表，列名为 time，数据类型为 Date。 在 asp.net 中，我想要一个查询插入日期，另一个查询则在 2 个日期之间进行选择。 我已经尝试过这个: string data =
这是我的代码: create or replace trigger th after insert on stock for each row declare sqty number;
这是一个带有具体示例的通用问题。 我有一个包含三个字段(流派 ID (PK IDENTITY)、流派和子流派)的表。该表对(流派，子流派)组合具有唯一约束。 我想知道如何修改存储过程以在表中不存在时插
因此，我正在遍历二叉树，节点包含字符串，以及读取文件时该字符串是否出现多次。我只查找读取文件时出现次数最多的前 10 个单词，因此本质上我只是比较 int 值。 我的问题是我正在尝试找出一种有效的方法
我有一张机票和行李 map ， 每张门票必须是唯一的，并且必须与 map 上的位置相对应 是否可以仅更改行李(m_bagage->秒)而不更改 key ？ std::unordered_map m_c
我正在使用 jdbc 驱动程序做一个示例项目。我的问题是，如果我在 2 文本字段中输入空值。 null 不应该加载到数据库中吗？有没有办法避免在数据库中插入空字段？任何帮助将不胜感激。 //Execu
我想知道 SSIS 中是否有特定的插入或更新选项。 如果我想让程序检查它是更新还是插入，我是否必须做一些编码？或者是否可以启用一个选项，以便它会自行检查 PK 是否存在，然后更新，否则插入？ 亲切的问
我是一名优秀的程序员,十分优秀！