0

我正在开发一个我希望完全基于 Javascript 的网站:您加载网站,然后所有页面都由 Javascript 拉入。

所以我这就是我所拥有的:

    <span id="deathWormButton">Death Worm</span>
    <div id="pageContent">
        <p>Thanks for taking the time to view my portfolio!</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
    </div>
    <div id="DeathWormPage" class="page">
        <p>Thanks for taking the time to view my portfolio!</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
    </div>

这是我的 jQuery:

        $(document).ready(function()
        {
            $(".page").hide();
        });
        $("#deathWormButton").click(function()
        {
            $("#pageContent").innerHTML = $("#DeathWormPage").innerHTML;
        });

但它不起作用!(在这里查看)

那么如何在单击时将内容从div id="DeathWormPage"其中div id="pageContent"复制deathWormButton

4

4 回答 4

10

jquery 对象没有 innerHTML 属性。

$(document).ready(function () {
    $(".page").hide();

    $("#deathWormButton").click(function () {
        $("#pageContent").html($("#DeathWormPage").html())
    })
});

另外,将它放在文档就绪函数中,否则您正在引用一个不存在的东西。

于 2010-11-05T18:56:55.137 回答
3

你可以这样做:

$("#pageContent").html($("#DeathWormPage").html())

或者

$("#pageContent")[0].innerHTML = $("#DeathWormPage")[0].innerHTML;

innerHTML后一种方法为您提供可用的实际 DOM 元素。

于 2010-11-05T18:58:12.877 回答
2

使用

$("#pageContent").replaceWith($("#DeathWormPage"));

应该也可以,并且更简洁/语义更清晰。

于 2010-11-05T21:06:07.347 回答
2

这可以将一个 div 的内容转移到另一个 div ......祝你好运

正文 { 字体大小:16px; 行高:2em;}
.deathWormButton { 边框:2px 纯蓝色;宽度:75px;高度:35px;z 指数:200;字体大小:14px;背景颜色:#00FF33; }
 


$(函数(){
$(".deathWormButton").click(
  功能 () {
    var htmlStr = $("#pageContent").html();
    $("#DeathWormPage").text(htmlStr);
  }
);
});

 



死亡蠕虫


成为一只死亡虫巴顿,我站了很久,尽我所能往下看它在灌木丛中弯曲的地方;
 


好的 - 死亡蠕虫按钮请在此处放置内容。
 

于 2010-11-05T19:48:00.643 回答