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

2019-11-20 14:09:53

字体：大中小

来源：转载

供稿：网友

需求：点击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" onclick="getText();"/><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>

效果：