首頁(yè) 猿問(wèn) 如何修剪頁(yè)面？

如何修剪頁(yè)面？

Html5

縹緲止盈 2023-12-19 21:42:57

我有一個(gè)正在運(yùn)行的 React 應(yīng)用程序，我從外部 ASP.NET 應(yīng)用程序獲取頁(yè)面。我只想獲取頁(yè)面的一部分而不是完整的頁(yè)面。我不知道是否可以這樣做。我的目標(biāo)是只刪除頁(yè)面的主體。我的頁(yè)面如下<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Privacy Policy - DotnetApp</title> <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="/css/site.css" /></head><body> <header> <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> <div class="container"> <a class="navbar-brand" href="/">DotnetApp</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse"> <ul class="navbar-nav flex-grow-1"> <li class="nav-item"> <a class="nav-link text-dark" href="/">Home</a> </li> <li class="nav-item"> <a class="nav-link text-dark" href="/Home/Privacy">Privacy</a> </li> </ul> </div> </div> </nav> </header> <div class="container"> <main role="main" class="pb-3"> <h1>Privacy Policy</h1><p>Use this page to detail your site's privacy policy.</p> </main> </div> <footer class="border-top footer text-muted"> <div class="container"> © 2020 - DotnetApp - <a href="/Home/Privacy">Privacy</a> </div> </footer></body></html>數(shù)據(jù)對(duì)象保存上面的 HTML 頁(yè)面

查看完整描述

1 回答

互換的青春

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

您可以使用 DOMParser 接口將 html 解析為 DOM 樹(shù)。例如：

let html = '<!DOCTYPE html><html><!-- some html --></html>'
let doc = new DOMParser().parseFromString(html, 'text/html');
let bodyHtml = doc.body.innerHTML;

反對(duì) 回復(fù) 2023-12-19