使用JavaScript與CSS？

當我沒有點擊文本輸入，我想改變輸入背景顏色，但與JavaScript。使用JavaScript與CSS？

我知道與CSS。

我想要的例子。

<form action="" name="abc" method="post"> 
<input name="abc" id="name" type="text"/> 
<input name="yusuf" type="text"/> 
<input type="submit"/> 
</form>

如何選擇元素名稱作爲名稱與JavaScript？

我想類似：

<script> 
document.getElementById("name").style = "background-color:red"; 
</script>

我想寫的CSS代碼，但直接。不久，我怎麼能達到樣式=「」參數？

來源

2011-08-28 Yusuf ali

更好地使用jQuery的lib下，比純JS –

對不起。我找到了。的document.getElementById（「名稱」）的setAttribute（「風格」， '背景：紅色;'）。 @Marek Sebera。感謝您的建議。我知道jquery，但我想用JavaScript學習。 –

你有沒有想過使用jQuery，MooTools或Prototype？它使這種東西很容易。 – gargantuan

您正在尋找的style object：

document.getElementById("name").style.backgroundColor = "red";

您還可以設置className屬性到現有的CSS類應用到元素。

來源

2011-08-28 13:21:02 SLaks

不同的技術。 –

是jQuery的一個選項？你可以嘗試這樣的事情：

$(document).ready(function(){ 
    var toggleRed = function(){ 
     $(this).toggleClass('red'); 
    }; 
    $('input[type=text]').focus(toggleRed); 
    $('input[type=text]').blur(toggleRed); 
});

然後在你的CSS定義是：

input.red { background-color: Red; color: White; }

退房的工作示例：http://jsfiddle.net/V5qJp/

來源

2011-08-28 13:23:38 Milimetric

使用JavaScript與CSS？

回答

相關問題