动态更改div标签的内容

我已经创建了一个由body标签中的div部分组成的html页面。动态更改div标签的内容

如何根据vb.net winform中的另一个事件更改内部div的内容（例如：按下按钮时）？

<div id="magazine"> 
    <div style="background-image:url(pages/01.jpg);"></div> 
    <div style="background-image:url(pages/02.jpg);"></div> 
    <div style="background-image:url(pages/03.jpg);"></div> 
    <div style="background-image:url(pages/04.jpg);"></div> 
    <div style="background-image:url(pages/05.jpg);"></div> 
    <div style="background-image:url(pages/06.jpg);"></div> 
    <div style="background-image:url(pages/07.jpg);"></div> 
    <div style="background-image:url(pages/08.jpg);"></div> 
</div>

假设我想

<div id="magazine"> 
<div style="background-image:url(pages/01.jpg);"></div> 
<div style="background-image:url(pages/02.jpg);"></div> 
<div style="background-image:url(pages/03.jpg);"></div> 
<div style="background-image:url(pages/04.jpg);"></div> 
</div>

来源

2009-09-07 Adam Chetnik

这可能有帮助http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/ – Aziz

一般情况下，一些代码示例或类似的东西有助于解释问题和解决方案。 ;）

如果您正在寻找如何在不同的浏览器上作出反应，您会发现一些关键字为'浏览器嗅探'的非常好的文章。也请检查wikipedia！请注意，在css和javascript中都有很多不同的方法。

来源

2009-09-07 19:39:13 xijo

来取代它您需要在几乎任何元素类型的链接和重定向或一些JavaScript。

稍微详细一点，将有助于更详细的答案。

善良，

大坝

来源

2009-09-07 19:38:39

使用JavaScript。在想要更改的div上设置一个id，然后从要设置的onClick事件处理程序中为您的按钮设置一个id，然后在调用的函数中获取div（使用document.getElementById），然后使用每个元素的innerHTML方法获取或设置div的HTML。

来源

2009-09-07 19:39:10 geoffspear

你可以使用JavaScript来，我会给你一个jQuery的例子，因为我已经习惯了：

HTML标记：

<div id="section1"> 
    <p>CONTENT</p> 
</div> 
<div id="section2"> 
    <p>CONTENT</p> 
</div> 
<div id="section3"> 
    <p>CONTENT</p> 
</div> 
<div id="section4"> 
    <p>CONTENT</p> 
</div> 
<ul id="change-buttons"> 
    <li><a href="#" id="change1">Change content of 1st section</a></li> 
    <li><a href="#" id="change2">Change content of 2nd section</a></li> 
    <li><a href="#" id="change3">Change content of 3rd section</a></li> 
    <li><a href="#" id="change4">Change content of 4th section</a></li> 
</ul>

这里是一个JavaScript的：

$(document).ready(function() { 
    $('#change-buttons a').click(function() { 
     var num = $(this).attr('id'); 
     num = num.substr(-1); 
     $('#section' + num).text('NEW CONTENT'); 
    }); 
});

当然，您必须在html的标题部分包含jQuery：

<script type="text/javascript" src="/path/to/jquery/jquery.min.js"></script>

这只是一个普遍的例子，如果你更具体，我会给你更具体的建议。

来源

2009-09-07 19:42:50

动态更改div标签的内容

回答

相关问题