Javascript <;部门>;在a<;ul>;

Javascript <;部门>;在a<;ul>;,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我使用fetch从SharePoint表单收集数据,该表单的数据当前存储在SharePoint列表中,并将其发布到HTML页面 在我的小提琴中,实际输出是我的预期输出,这是完美的。数据被附加到内部的(这与数据是字符串而不是通过fetch(我假设)提取有关) 我在获取过程中面临的问题是,数据被拉过,而不是直接发布到,而是发布到内部的,如果我没有记错的话,中不允许使用元素 1.)为什么数据被张贴在的内部?是否因为表单上与数据对应的列是“多行文本输入” 2.)纠正这一问题的最佳方法是什么 以下是其发布

我使用fetch从SharePoint表单收集数据,该表单的数据当前存储在SharePoint列表中,并将其发布到HTML页面

在我的小提琴中,实际输出是我的预期输出,这是完美的。数据被附加到
内部的
  • (这与数据是字符串而不是通过fetch(我假设)提取有关)

    我在获取过程中面临的问题是,数据被拉过,而不是直接发布到
      ,而是发布到
        内部的
        ,如果我没有记错的话,
          中不允许使用
          元素

          1.)为什么数据被张贴在
              的内部?是否因为表单上与数据对应的列是“多行文本输入”

              2.)纠正这一问题的最佳方法是什么

              以下是其发布方式的屏幕截图:

              在inspect元素中,它是这样说的:

              <h4> Training </h4>
              <ul>- 
                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
              </ul>
              
              
              每周经理报告
              周


              解决这个问题的惰性方法是去掉SharePoint可能传递的任何相关HTML。 将您的
              行更改为以下内容

                listContent += '<ul>' + "- " + data[i].Travel + '</ul>';
              
              listContent+='
                '+“-”+数据[i].旅行+'
              ';
              为此:

                listContent += '<ul>' + "- " + data[i].Travel.replace(/(<([^>]+)>)/gi, "") + '</ul>';
              
              listContent+='
                '+“-”+数据[i]。旅行。替换(/(]+>)/gi,“”+”
              替换语法取自本文中关于剥离标记的内容:

              查看
              ul
              文档()上的“允许内容”。我怀疑这可能是因为您输出的是
                文本
              ,而不是
              • 文本
              。编辑:虽然查看了您的JS,但您确定
              数据[i]。培训类似于
              text
              ,而不是
              text
              ?因为您将值直接连接到中,这也可能是导致意外输出的原因。您是否尝试过使用断点调试此步骤或检查JS(console.log或其他)中的值?@WOUNDEDStevenJones我尝试了您的第一个注释,
              listContent+='
                '+'
              • '+“-“+data[I]。可交付成果提交+'
              • '+'
              '并且它仍然以相同的方式输出“它仍然以相同的方式输出”-所以它仍然输出
                -text
              ?或者它实际上是在输出文本?如果是后者,那么我打赌
              数据[I]。提交的可交付成果包含一个包装
              div
              。第一个(任务)像这样返回测试计划
            • 安全计划
            • 计算机计划
          然后另一项任务像这样返回
          • -Lorem ipsum dolor sit amet,连续的高级助手,在临时的劳动和大礼节。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责
          还有几件小事-您首先要初始化
          var listContent=[]
          作为数组,但随后将其用作字符串。我建议将其改为
          var-listContent=''。另外,在您的
          for
          循环之后,
          listContent
          是一个包含一组
          li
          节点的字符串:
        • ,但您正在将其添加到
          $(“#报告摘要”).html(listContent)。但是你的HTML是
          ,所以你的结果是
        • ,我建议将
          div
          更改为
          ul
          ,或者在
          div
          内部输出单独的
          ul
          ,而不是
          li