2010-08-20 54 views
0

我有以下代碼:注入HTML,而無需使用JScript的

<ul id="myList"> 
    <li class="li1">Example 1</li> 
    <li class="li2">Example 2</li> 
    <li class="li3">Example 3</li> 
    <li class="li4">Example 4</li> 
</ul> 

有什麼辦法,我可以轉換列表:

<ul class="myList"> 
    <li class="li1"><div class="container">Example 1</div></li> 
    <li class="li2"><div class="container">Example 2</div></li> 
    <li class="li3"><div class="container">Example 3</div></li> 
    <li class="li4"><div class="container">xample 4</div></li> 
</ul> 

使用CSS只 。 沒有使用javascript

+0

認爲是這樣的......目前我正在使用javascript來改變html,但是,即使js在瀏覽器上被禁用,我也希望它能夠正常工作。 有沒有人知道的另一種方式,而不使用JavaScript呢? – 2010-08-20 10:59:03

+1

沒有JavaScript沒有辦法添加元素(你不能在服務器上做這件事嗎?)如果你這樣做是爲了顯示目的,請看下面的樣式...如果這不是你想要的,請評論它沒有做什麼比你之後的東西。 – 2010-08-20 11:03:06

+0

我的問題是,我有一個網站上的列表,其中的內容是動態加載的(由其他用戶開發的組件),我不希望他們打擾容器的CSS,因爲這是由管理員應用(如dotnetnuke處理它)。因此,我必須能夠用容器包裹li的內容。但就像我說的,不應該使用javascript – 2010-08-20 11:47:27

回答

3

CSS不能添加元素,這真的不是它的目的。

話雖這麼說,你可以通過將項目display: block,這樣實現類似的效果

#myList > li { display: block; } 
0

號CSS的設計指導上的元素的外觀和定位的瀏覽器。它不能編輯實時HTML。