javascript 如何< body>从html中获取字符串形式的元素

moiiocjp 于 2022-10-30 发布在 Java

关注(0)|答案(3)|浏览(213)

我有一个愚蠢的问题。一个jQuery.ajax请求返回我一个完整的HTML文本作为一个字符串。我收到这样的响应在一个错误的情况下，在服务器上。服务器给予我一个错误描述，我想把它放在我的当前页面的相应位置。
所以现在的问题是：我有一个字符串包含完整的HTML文档（这不是一个XML！！！见里面的<hr>元素）。我需要有一个jQuery对象，例如只有BODY部分。然后我可以把它附加到我的页面的相应部分。
下面是我需要解析的字符串的一个示例：

<html>
  <head>
    <title>The resource cannot be found.</title>
    <style>
      body {font-family:"Verdana";font-weight:normal;font-size: .7em;color:black;}
      p {font-family:"Verdana";font-weight:normal;color:black;margin-top: -5px}
      // ...
    </style>
  </head>

  <body bgcolor="white">
    <span><H1>Server Error in '/' Application.<hr width=100% size=1 color=silver></H1>
          <h2> <i>The resource cannot be found.</i> </h2></span>
    <font face="Arial, Helvetica, Geneva, SunSans-Regular, sans-serif ">

      <b> Description: </b>HTTP 404. The resource you are looking for ...bla bla....
      <br><br>

      <b> Requested URL: </b>/ImportBPImagesInfos/Repository.svc/GetFullProfilimageSw<br><br>

      <hr width=100% size=1 color=silver>

      <b>Version Information:</b>&nbsp;Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.1

    </font>

  </body>
</html>
<!--
[HttpException]: A public action method &#39;....
   at System.Web.Mvc.Controller.HandleUnknownAction(String actionName)
   at System.Web.Mvc.Controller.ExecuteCore()
   at System.Web.Mvc.ControllerBase.Execute(RequestContext requestContext)
   at System.Web.Mvc.ControllerBase.System.Web.Mvc.IController.Execute(RequestContext requestContext)
   at System.Web.Mvc.MvcHandler.<>c__DisplayClass8.<BeginProcessRequest>b__4()
   at System.Web.Mvc.Async.AsyncResultWrapper.<>c__DisplayClass1.<MakeVoidDelegate>b__0()
   at System.Web.Mvc.Async.AsyncResultWrapper.<>c__DisplayClass8`1.<BeginSynchronous>b__7(IAsyncResult _)
   at System.Web.Mvc.Async.AsyncResultWrapper.WrappedAsyncResult`1.End()
   at System.Web.Mvc.Async.AsyncResultWrapper.End[TResult](IAsyncResult asyncResult, Object tag)
   at System.Web.Mvc.Async.AsyncResultWrapper.End(IAsyncResult asyncResult, Object tag)
   at System.Web.Mvc.MvcHandler.EndProcessRequest(IAsyncResult asyncResult)
   at System.Web.Mvc.MvcHandler.System.Web.IHttpAsyncHandler.EndProcessRequest(IAsyncResult result)
   at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)
-->

JavaScript

来源：https://stackoverflow.com/questions/2857126/how-get-body-element-from-the-html-which-one-have-as-a-string

3条答案

按热度按时间

bybem2ql1#

而非jQuery的必备答案是：

var bodyHtml = /<body.*?>([\s\S]*)<\/body>/.exec(entirePageHTML)[1];

这将只返回body标记内的内容。

UPDATE这会接受body标签上设定的属性

赞(0）回复(0）举报 2022-10-30

iqxoj9l92#

另一种不用jQuery的方法是：

function getStupidErrorMessage(str) {
  var bodyTags = str.match(/<\/*body[^>]*>/gim);
  // returns an array
  // bodyTags[0] is body open, bodyTags[1] is body close
  // unless someone output the markup backwards :)
  bodyContents = str.slice(bodyTags[0].length,-(bodyTags[1].length));
  return bodyContents; // use as innerHTML of <body> 
}

如果您需要BODY标记的属性，也要解析这些属性。

赞(0）回复(0）举报 2022-10-30

hkmswyz63#

我做了它与使用DOMParser由幸运的事故后，尝试了一些这个职位的答案，这里是我的代码：

const extract_body = (html_string) => {
    // asuming html_content contains just one body element
    let parser = new DOMParser();
    let dom_document = parser.parseFromString(html_string, "text/html");
    let body_element = dom_document.getElementsByTagName("body")[0];
    console.log(body_element.innerHTML);
}

赞(0）回复(0）举报 2022-10-30

我来回答

javascript 如何< body>从html中获取字符串形式的元素

3条答案

相关问题

热门标签

最新问答