javascript - 如何仅使用 css/js 向页面添加内容？

Question

我正在开发一个房地产网站。该网站正在使用一项付费服务​​，允许人们通过我的网站查看房地产列表。我的网站成为其他网站的子域，例如 www.mywebsite.listingswebsite.com。列表网站在我提供的其中一个页面上动态提取页眉和页脚包装，并将其内容放在页面中间。所以它看起来像这样。

My Header
Their listings content that I have no control over
My Footer

问题是，我想修改他们的页面。我想在他们的内容之前添加一些内容，我想移动元素，我想删除一些元素。目前，我所知道的只是如何从页面中删除元素——这就是找到它们的 Div 的 ID，并在我的 CSS 文件中添加 display:none。

但是，如果我想向页面添加内容怎么办？我只能控制 CSS/JS，那我该怎么做呢？假设我想在他们的内容之前添加一张图片。

Answer 1

如果您使用 Jquery，您可以使用append、prepred、 "after" 或 "before" 方法添加一些内容。希望这会帮助你。

（对不起，我只能发布 2 个链接，但如果您想要一些示例，您可以轻松找到它们；））

Answer 2

Jquery 可以成为您最好的朋友，http://jquery.com，只需定位您想要的 id 并：

// Waits until the dom is ready
$(document).ready(function(){
  $("#mytarget").html("this replaces all content in the target");
  $("#mytarget").append("this places your content after content in the target");
  $("#mytarget").prepend("this places your content before content in the target");
});

// Waits until everything is loaded
$(window).load(function(){
  $("#mytarget").html("this replaces all content in the target");
  $("#mytarget").append("this places your content after content in the target");
  $("#mytarget").prepend("this places your content before content in the target");
});

Answer 3

查看有关DOM 插入的 jQuery 文档和有关Css的文档，它们包含操作 DOM 元素所需的所有内容。