一段简单的js代码

网上看的一段代码：
<html>  
<head>   
<title>用innerText和innerHTML制作动态网页</title>  
<style type="css/text">  
.blue {   
color:blue;   
font-size:12pt;   
}   
</style>  
<script type="text/javascript">    
function OutputText() {    
if(frm.txt.text!="") {
// frm.txt.text不明白这个属性，应该是frm.txt.value吧？ 
Output.innerHTML="在此处输出文本:<u>"+frm.txt.value+"</u>";} 
else {    
Output.innerText="在此处输出文本:";}    
}  
</script>  
</head>  <body>  
<p><br></p>  
<form name="frm">  
<p>  
<font color="gray">请在文本框中输入文字:</font>  
<input type="text" name="txt" size="50">  
<br>  
<input type="button" value="输出文本" name="B1" class=blue onclick="OutputText()">  
//这个class=blue的css样式怎么不起作用？看不出效果？
</p>  
</form>  
<p id="Output">  
在此处输出文本: 
</p>  
</body>  
</html>  

解决方案 »

  1.   


    <html>   
    <head>   
    <title>用innerText和innerHTML制作动态网页</title>   
    <style type="css/text">//应该是 <style type="text/css">
    .blue {   
    color:blue;   
    font-size:12pt;   
    }   
    </style>   
    <script type="text/javascript">   
    function OutputText() {   
    if(frm.txt.text!="") {
    // frm.txt.text不明白这个属性，应该是frm.txt.value吧？//应该是value
    Output.innerHTML="在此处输出文本:<u>"+frm.txt.value+"</u>";}  
    else {   
    Output.innerText="在此处输出文本:";}   
    }   
    </script>   
    </head>   <body>   
    <p><br></p>   
    <form name="frm">   
    <p>   
    <font color="gray">请在文本框中输入文字:</font>   
    <input type="text" name="txt" size="50">   
    <br>   
    <input type="button" value="输出文本" name="B1" class=blue onclick="OutputText()">   
    //这个class=blue的css样式怎么不起作用？看不出效果？
    </p>   
    </form>   
    <p id="Output">   
    在此处输出文本:  
    </p>   
    </body>   
    </html>