Javascript 为什么我会出现语法错误?

Javascript 为什么我会出现语法错误?,javascript,html,string,parsing,dom,Javascript,Html,String,Parsing,Dom,我正在尝试使用DOMParser方法.parseFromString将数组中包含HTML的字符串转换为DOM元素 一些字符串出现以下解析错误,我不知道为什么 这是我用来解析字符串和创建DOM元素的循环,多亏了这篇stackoverflow文章: 有人能帮我找出原因并修复吗?它可能是HTML字符串中的空白吗?img标记未关闭。您正在解析text/xml,应该关闭标记。尝试使用text/html而不是xml var doc = parser.parseFromString(stringsArra

我正在尝试使用DOMParser方法.parseFromString将数组中包含HTML的字符串转换为DOM元素

一些字符串出现以下解析错误,我不知道为什么

这是我用来解析字符串和创建DOM元素的循环,多亏了这篇stackoverflow文章:


有人能帮我找出原因并修复吗?它可能是HTML字符串中的空白吗?

img标记未关闭。您正在解析text/xml,应该关闭标记。尝试使用text/html而不是xml

  var doc = parser.parseFromString(stringsArray[x].html, "text/html");

“img”标记未关闭。您正在解析text/xml,应该关闭标记。尝试使用text/html而不是xml

  var doc = parser.parseFromString(stringsArray[x].html, "text/html");

如果引用有问题,则在dom元素变量中使用双引号

变量x=。。。。如果错误,html的引号应该是单引号,此外,dom元素不应该有空格,以适应变量

使用doc.body.innerHTML将解析后的html设置为获得的div,不需要循环,将内容类型传递给解析器时也使用text/html而不是text/xml

下面是一个工作示例

var html=

正在测试我刚刚制作的推特提要

; parser=新的DOMParser; doc=parser.parseFromStringhtml,text/html; document.getElementByIdparsedHtml.innerHTML=doc.body.innerHTML;
如果引用有问题,则在dom元素变量中使用双引号

变量x=。。。。如果错误,html的引号应该是单引号,此外,dom元素不应该有空格,以适应变量

使用doc.body.innerHTML将解析后的html设置为获得的div,不需要循环,将内容类型传递给解析器时也使用text/html而不是text/xml

下面是一个工作示例

var html=

正在测试我刚刚制作的推特提要

; parser=新的DOMParser; doc=parser.parseFromStringhtml,text/html; document.getElementByIdparsedHtml.innerHTML=doc.body.innerHTML;
谢谢,但是如果我使用text/html,那么它将返回整个html文档,例如,等等。我只希望字符串中的元素仅返回,这就是为什么我使用text/xml,然后使用。firstchild谢谢,但是如果我使用text/html,那么它将返回整个html文档,例如,等等。我只希望字符串中的元素仅返回,并且这就是为什么我使用text/xml,然后使用.firstChild
"<div class="user">
  <a  href="https://twitter.com/theclarkofben" aria-label="Ben Clark (screen name: theclarkofben)" data-scribe="element:user_link" target="_blank">
    <img  alt="" src="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_normal.jpg" data-src-2x="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_bigger.jpg" data-scribe="element:avatar">
    <span >

      <span  data-scribe="element:name">Ben Clark</span>
    </span>
    <span   data-scribe="element:screen_name">@theclarkofben</span>

  </a>
</div><p class="tweet">Just testing out the Twitter feed I just made. <a href="https://twitter.com/hashtag/halogenpeanut?src=hash"     data-scribe="element:hashtag" target="_blank">#halogenpeanut</a> <a href="http://t.co/WtoznYSUGS"  data-pre-embedded="true"  data-scribe="" target="_blank">pic.twitter.com/WtoznYSUGS</a></p><p class="timePosted"><a href="https://twitter.com/theclarkofben/status/611514122509922304">Posted on 18 Jun</a></p><div class="media"><img src="https://pbs.twimg.com/media/CHyI2rqWEAAJRN-.jpg:large" alt="Image from tweet" /></div>"
<div class="user"><parsererror xmlns="http://www.w3.org/1999/xhtml" style="display: block; white-space: pre; border: 2px solid #c77; padding: 0 1em 0 1em; margin: 1em; background-color: #fdd; color: black"><h3>This page contains the following errors:</h3><div style="font-family:monospace;font-size:12px">error on line 10 at column 7: Opening and ending tag mismatch: img line 0 and a
</div><h3>Below is a rendering of the page up to the first error.</h3></parsererror>
  <a href="https://twitter.com/theclarkofben" aria-label="Ben Clark (screen name: theclarkofben)" data-scribe="element:user_link" target="_blank">
    <img alt="" src="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_normal.jpg" data-src-2x="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_bigger.jpg" data-scribe="element:avatar">
    <span>

      <span data-scribe="element:name">Ben Clark</span>
    </span>
    <span data-scribe="element:screen_name">@theclarkofben</span></img></a></div>
  var doc = parser.parseFromString(stringsArray[x].html, "text/html");