recherche

Maison >interface Web >js tutoriel >js implémentation consistant à cliquer sur le bouton pour obtenir le contenu du texte et modifier les compétences style_javascript

js implémentation consistant à cliquer sur le bouton pour obtenir le contenu du texte et modifier les compétences style_javascript

WBOY
WBOYoriginal
2016-05-16 16:36:531817parcourir

Exigence : cliquez sur le bouton pour obtenir le contenu sélectionné dans la zone de saisie et faire en sorte que le contenu sélectionné devienne rouge,

Mise en œuvre : Le code est le suivant

<!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>

Effet :

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：JavaScript et jquey réalisent l'opération de fusion de plusieurs compétences arrays_javascriptArticle suivant：JavaScript et jquey réalisent l'opération de fusion de plusieurs compétences arrays_javascript

Articles Liés

Voir plus