Question

是否有任何javascript函数可以让我显示一个css类？

比如说我有班级：

.formInput{
   width:100px;
   height:20px;
   border:1px solid #000;
}

我真的想在textarea中显示那个类......这可能吗？如果没有，有没有办法显示元素的所有set css属性？

Answer 1

这适用于Firefox，有点适用于Chrome：

function getCss(className) {
    for (var i = 0; i < document.styleSheets.length; i++) {
        for (var j = 0; j < document.styleSheets[i].cssRules.length; j++) {
            if (document.styleSheets[i].cssRules[j].selectorText == "." + className) {
                return document.styleSheets[i].cssRules[j].cssText;
            }
        }
    }
    return "";
}

对于IE来说，沿着这些方向的东西可能会让你走上正轨......

var elem = document.getElementById('foo');
var styleInfo = '';
for (var style in elem.currentStyle) {
    styleInfo += style + ": " + elem.currentStyle[style] + "\n";
}

根据您尝试解决的确切问题，另一种可能的（hacky）方法是获取样式元素（document.getElementsByTagName("style")），然后使用正则表达式搜索其innerHTML你想要的文字

Answer 2

您可以使用jquery'attr获取所有propertyz'

http://api.jquery.com/attr/

您也可以使用.css来获取剩余的

http://api.jquery.com/css/

然后使用jquerys .text或.val将其设置为html

http://api.jquery.com/val/

Answer 3

你试试这个你在textarea上用类的风格来制作效果。

<style type="text/css">
<!--
.theStyle {

    width: 150px;
    height: 150px;
    background-color:#CCCCCC;
}
-->
</style>

<script language="JavaScript">
    function makeVis(divID) {
        document.getElementById(divID).style.visibility = "visible";
    }
</script>

<textarea name="id" class="theStyle"  id="in" rows="5" cols="5"></textarea>

<a href="javascript:makeVis('in');">Make One Visible</a>

我如何使用CSS类填充Textarea？

3 个答案: