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

前端技术 2023/08/10 JavaScript

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

效果：

本文地址：https://www.stayed.cn/item/864

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案