您的位置：首页 > Web前端 > CSS

问题：关于坛友一个获取text内容并改变样式的实现

2014-09-09 00:38 323 查看

需求：点击button获得input框中选中的内容，让选中的内容变红，

实现：代码如下

1: <!DOCTYPE HTML>

2: <html>

3:     <head>

4:         <meta http-equiv="content-type" content="text/html;charset=utf-8">

5:         <title>Test</title>

6:     <style type="text/css">

7:         div{

8:           display: none;

9:         }

10:     </style>

11:     </head>

12:     <body>

13:     <input type="text" id="txt" value="" />

14:     <input type="button" value="获取文本框内的值" id="btn" onclick="getText();"/>

15:     <div id="showText">

16:

17:     </div>

18:     <script type="text/javascript">

19:       function getText () {

20:         var showText = document.getElementById("showText");

21:         showText.style.display = "block";

22:         showText.style.color = "red";

23:         showText.innerHTML=document.getElementById("txt").value;

24:       }

25:     </script>

26:     </body>

27: </html>

效果：

若你有更好的方法，欢迎交流。不足之处，敬请谅解。

来源：http://www.ido321.com/539.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航