手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >点击button获取text内容并改变样式的js实现
点击button获取text内容并改变样式的js实现
摘要:需求:点击button获得input框中选中的内容,让选中的内容变红,实现:代码如下Testdiv{display:none;}functi...

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

实现:代码如下

<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Test</title> <style type="text/css"> div{ display: none; } </style> </head> <body> <input type="text" id="txt" value="" /> <input type="button" value="获取文本框内的值" id="btn"/> <div id="showText"> </div> <script type="text/javascript"> function getText () { var showText = document.getElementById("showText"); showText.style.display = "block"; showText.style.color = "red"; showText.innerHTML=document.getElementById("txt").value; } </script> </body> </html>

效果:

点击button获取text内容并改变样式的js实现1

【点击button获取text内容并改变样式的js实现】相关文章:

JS创建对象几种不同方法详解

javascript改变和控制显示的图片大小

Select的OnChange()事件

简单谈谈javascript中this的隐式绑定

Jquery使用css方法改变样式实例

js+html5实现canvas绘制镂空字体文本的方法

基于jquery实现下拉框美化特效

Js和JQuery获取鼠标指针坐标的实现代码分享

获取阴历(农历)和当前日期的js代码

JavaScript正则表达式中的global属性的使用

精品推荐
分类导航