動態更改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標籤的內容

回答

相關問題