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

作者：bea

需求：点击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

需求：点击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>

效果：

有用 | 无用

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

猜你喜欢

您可能感兴趣的文章: