2010-08-20 104 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。

相关问题