主页 / 问题 / 1304628
Accepted
Spartak
Asked:2022-07-13 02:46:23 +0000 UTC2022-07-13 02:46:23 +0000 UTC

如何将文本插入到变量中的html中？

  • 772
  let raskroy_one_list_start = "" +
      "                        <div class=\"one-list\">\n" +
      "                            <span class=\"profil_name\"></span>\n" +
      "                            <div class=\"raskroy-wrapper\">";

我需要通过 javascript/jquery 将文本插入到带有 profile_name 类的 span 中。如果这已经在文档中，那么我将使用我熟悉的解决方案：

$(".profil_name").text(sometext);

到目前为止，我想到的只是如何对字符串进行排序并将其插入正确的位置，但在我看来，这是一个拐杖。有什么方法可以解决这个问题，比如我举的例子吗？

javascript

1 个回答

  1. Best Answer

    通常建议不要使用正则表达式解析 HTML，也不要创建自行车，而是使用正则工具：

    let raskroy_one_list_start = `
  <div class="one-list">
  <span class="profil_name"></span>
  <div class="raskroy-wrapper">
`; 

const doc = new DOMParser().parseFromString(
  raskroy_one_list_start, "text/html"
);
doc.querySelector(".profil_name").textContent = 'foo';
raskroy_one_list_start = doc.body.innerHTML;

console.log(raskroy_one_list_start);

    • 1

相关问题