如何使用css/js将内容添加到页面？

我正在开发一个房地产网站。该网站正在开展一项有偿服务，允许人们通过我的网站查看房地产清单。我的网站成为其他网站的子域名，例如www.mywebsite.listingswebsite.com。列表网站动态地在我提供的页面之一上拉动页眉和页脚包装，并将其内容放在页面中间。所以它看起来像这样。如何使用css/js将内容添加到页面？

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

问题是，我想修改他们的页面。我想在他们的内容之前添加一些内容，我想要移动元素，并且我想删除一些元素。现在，我所知道的是如何从页面中删除元素 - 这是通过找到他们的Div的ID，并在我的CSS文件中添加display：none。

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

来源

2013-08-26 Mike

你使用iframe来显示内容）？ –

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"); 
});

来源

2013-08-26 23:31:56

我可以用写同样的方法写jQuery吗？只要把它放在一个JS文件并链接到它？ – Mike

我下载了这个文件，想通了 – Mike

我试过了。当我在我自己的网页上测试它时，它会起作用。但是，当我在不是我的页面（子域页面）中输入div ID时，它不起作用。我的猜测是，它首先拉开页眉和页脚包装，然后加载它们的div，所以它不连接。有任何想法吗？ – Mike

看看这个文件关闭jQuery的约DOM Insertion，这大约Css，它们包含了所有你需要处理什么DOM元素。

来源

2013-08-26 23:33:13

如果你使用jquery，你可以用append,preprend，“after”或“before”方法添加一些内容。希望这会帮助你。

（对不起，我只能发布2个链接，但你可以很容易地找到他们，如果你想要一些例子;）

来源

2013-08-26 23:38:43 Bonbelo

如何使用css/js将内容添加到页面？

回答

相关问题