如何用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？

回答

相關問題