如何在网站中编辑Google Trends的HTML脚本标签?

问题描述 投票:0回答:0

我想将

Google
趋势数据嵌入到我的网站中,为此我使用以下代码。该代码运行良好。但是,我想删除显示在容器顶部和底部的“阿根廷”、“最近趋势搜索”和“Google 趋势”,如下图红色圆圈所示。我正在尝试使用
replaceAll
功能,但文本仍然显示。我的问题是如何实现这一目标?

注意:我使用Chrome作为浏览器,下面的代码位于index.html文件中

HTML 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Google Trends Argentina</title>
</head>

<body>
    <div id="trends"></div>

  <script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/3349_RC01/embed_loader.js"></script>
  <script type="text/javascript">
    trends.embed.renderWidget("dailytrends", "", {"geo":"AR","guestPath":"https://trends.google.com:443/trends/embed/"});
    var footer = document.querySelector(".tt-footer");
    var innerHTML = footer.innerHTML;
    innerHTML = innerHTML.toString();
    innerHTML = innerHTML.replaceAll("Argentina", "&nbsp;");
    innerHTML = innerHTML.replaceAll("Recently Trending searches", "&nbsp;");
    footer.innerHTML = innerHTML;
  </script>


</body>

</html>

上述代码的输出:

html css google-chrome embed google-trends
© www.soinside.com 2019 - 2024. All rights reserved.