如何用CSS类填充Textarea？

有什么JavaScript函数可以让我显示一个css类吗？如何用CSS类填充Textarea？

例如说我有类：

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

我硬是想在一个文本显示该类......这可能吗？如果不是，有没有办法显示一个元素的所有设置CSS属性？

来源

2010-12-10 Howard Zoopaloopa

我忽略了您并未使用jquery，您是否使用jQuery，否则我们也可以在javasc中获得财产ript也 – kobe 2010-12-10 06:48:00

http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element – 2010-12-10 07:03:09

你的意思是“我如何解析我的文档的样式表，找到一个CSS规则集与特定的类选择器，然后将该规则集作为一个字符串，我可以放在textarea？“？ – Quentin 2010-12-10 07:18:20

This works i ñ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以获得您想要的文本

来源

2010-12-10 07:35:16 Emmett

-1

你试试这个，你对类的样式对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>

来源

2010-12-10 06:43:57 pooja

你可以使用jQuery 'ATTR让所有的propertyz'

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

可以使用的CSS也获得剩余的

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

然后用jquerys或.text区段。 val将其设置为html

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

来源

2010-12-10 06:44:03 kobe

如何用CSS类填充Textarea？

回答

相关问题