Question

我创建了一个html页面，其中包含body标签中的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>

Answer 1

你可以使用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>

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

Answer 2

使用javascript。在要更改的div和要复制的div（？）上设置id，为按钮设置onClick事件处理程序，在被调用的函数中，获取div（使用document.getElementById），并使用每个的innerHTML方法可以获取或设置div的HTML。

Answer 3

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

如果您正在搜索如何在不同浏览器上做出反应，那么您将找到一些非常好的文章，其中包含关键字“浏览器嗅探”。检查wikipedia！请注意，css和javascript中有很多不同的方法。

Answer 4

您几乎可以在任何元素类型上使用链接和重定向或一些javascript。

更多详细信息将有助于更详细的回答。

善，

坝

动态更改div标签的内容

4 个答案: