请教一下，如何用JAVASCRIPT修改CSS！

text.style.fontSize="10px"; 
or 
text.style.cssText="font-size:10px;";

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <HTML> 
    <HEAD> 
    <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> 
    function change(){ document.getElementById('text_1').style.fontSize='10px';
    }</SCRIPT> 
    </HEAD> <BODY>
    <input type="text" id="text_1" value="aaa" />
    <input type="button"  value="aaa" onclick="change()" />
    </BODY> 
    </HTML>
      

  2.   

    document.getElementById("text_1").style.fontSize="10px";
      

  3.   

    昏迷`~~~~~~~~~~~JavaScript太变态了！！！！！！！！！！！document.getElementById('text_1').style.fontSize='10px';改成：
    var Text=window.document.getElementById('text_1'); 
    Text.style.fontsize="10px";就显示不出来了！！！！？？？？？？？
    而且document.getElementById('text_1').style.fontSize='10px';不光把字体的大小改了，连文本筐的大小也更着改了！！！
     
      

  4.   

    那不要紧 你把文本固定就行了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <HTML> 
    <HEAD> 
    <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> 
    function change(){    document.getElementById('text_1').style.fontSize='10px';
    }</SCRIPT> 
    </HEAD> <BODY>
    <input type="text" id="text_1" value="aaa"  style="width:120px;height:20px"/>
    <input type="button"  value="aaa" onclick="change()" />
    </BODY> 
    </HTML>
      

  5.   

    改成： 
    var Text=window.document.getElementById('text_1'); 
    Text.style.fontsize="10px"; 就显示不出来了！！！！？？？？？？？ 
    而且document.getElementById('text_1').style.fontSize='10px'; 不光把字体的大小改了，连文本筐的大小也更着改了！！！
    ____________________________________________________________________________第二句大小写有问题。  因该是: fontSize