问答详情
源自：3-3 innerHTML 属性

ok了 不过 感觉这种使用价值不高也~有啥用呢

ok了  不过 感觉这种使用价值不高也~有啥用呢

提问者：莫小北没有故事 2014-12-21 21:43

个回答

  • Purcell
    2015-08-15 14:01:32
    已采纳

    可以实现文本的动态输入和输出

    比如

    <html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>用innerText和innerHTML制作动态网页</title>  
        <style type="css/text">  
            .blue {  
                color:blue;  
                font-size:12pt;  
            }  
          
        </style>  
        <script language="JavaScript" type="text/javascript">   
        function OutputText() {   
            if(frm.txt.text!="") {   
                Output.innerHTML="在此处输出文本：<u>"+frm.txt.value+"</u>";} //Output为一对象。   
            else {   
                Output.innerText="在此处输出文本：";}   
        }//function   
    </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()">  
            </p>  
        </form>  
  
        <p id="Output">  
            在此处输出文本：  
        </p>  
    </body>  
</html>


    1