通过javascript更改html内容

如何在链接被点击后更改我的段落内容以及列表内容。参考：http://dummyproto.atspace.co.uk/通过javascript更改html内容

一旦我点击导航旋转木马上的编织徽章，我想改变p的内容以及显示的图像。这可能通过JavaScript？这是一个很好的选择，而不是为每个页面创建一堆html页面，这些页面具有相同的布局但内容不同。

我期待着详细solutions.Thanks

2011-12-09 Teffi

你需要大概就是：http://stackoverflow.com/questions/2554149/html-javascript-change-div-content – Tudor

就个人而言，我会做一个div“卡”为每个包含您的传送带选项任何图像或文字，你想与他们一起去。然后，我将它们全部设置为display: none;。点击转盘中的另一个链接时，我会循环显示“卡片”，除了需要的卡片之外，它们全部设置为display: none（卡片顺序应该与卡片顺序中的卡片顺序相同）旋转木马项目），这将是display: block;，这样我就不必将HTML存储到JavaScript变量。

来源

2011-12-09 22:11:41

谢谢。我认为这是最简单的解决方案，仍然完美。我会坚持div风格。 – Teffi

你需要一点首先要修改你的HTML，所以你想换出内容包含在，很容易选择一个元素（例如保鲜膜div与唯一的类名或ID围绕你想换出的东西）。然后做这样的事情：

document.getElementById('whateverIdYouGaveTheDiv').innerHTML = "blah blah blah";

来源

2011-12-09 15:54:38

多数民众赞成罚款与p元素，但我怎么能执行，如果我想改变这种

我必须改变小图像，大图像和img。 – Teffi

我想你会把它放在一个函数中，然后调用该函数，而不是无所作为，你有'javascript：void（0）;'...尽管通常我认为使用'javascript：'URI方案被认为是糟糕的形式... –

ah.well我刚刚从jqzoom插件中获得了这个。我只是不断调整他们。你知道我该怎么做它的功能？ – Teffi

也许你可以试试jQuery template。

，或者更改HTML当触发通过使用.click()和.html()

喜欢点击：

var target_html = "something you want"; 

$('#trigger').click(function() { 
    $("#content").html(target_html); 
});

来源

2011-12-09 15:55:52

我认为这样做会和链接页面一样，但我仍然需要创建一堆html页面。不是吗？ – Teffi

我刚刚查过你的网站，我认为查询模板对你来说是完美的。您可以将所有内容写入JSON对象，并通过模板引擎进行呈现。 –

通过javascript更改html内容

回答

相关问题