communauté Apprendre Bibliothèque d'outils Loisirs

Français

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

Libérer： 2016-05-16 16:36:53

original

1820 Les gens l'ont consulté

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>

Copier après la connexion

Effet :

Étiquettes associées：

Changer le style

source：php.cn

Article précédent：JavaScript et jquey réalisent l'opération de fusion de plusieurs compétences arrays_javascript Article suivant：jquery utilise la méthode offset() pour obtenir les coordonnées xy de element_jquery

Déclaration de ce site Web

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

Derniers articles par auteur