CSS或JS - 隐藏元素，同时显示内部元素（仅限IE8）

Question

我正在使用Javascript将一些CSS添加到一个页面（我不能使用JQUERY）

我有 HTML代码：我无法编辑它：

<td><label for="7">test1 </label>test2</td>

我想隐藏“test2”但显示“test1”

目前我有：“td visible：none; td label visible：yes”

并且它适用于除IE8以外的所有浏览器（它隐藏了所有内容，即使将！important添加到标签标签的显示中，也会添加第二个，因此应该具有更高的优先级

addCss("form table.standard td{visibility: hidden;}form table.standard input,form table.standard label,form table.standard b,form table.standard font.red{visibility: visible !important;}");

我可以使用javascript为IE8添加不同的CSS，但我无法找到或想到该怎么做..

GoogleDocs上的所有代码，如果你想看到它/做类似的事情http://goo.gl/9xeCqt

Answer 1

你可以将标签元素赋予两个值（test1，test2），你可以给两个元素赋予类，并为每个元素应用css：

<td><label for="7" class="first">test1 </label><label class="second">test2</label></td>

并申请如下：

td .second visible：none; td .first visible：yes“