Maison > Article > interface Web > Comment masquer les bordures des éléments en javascript

Comment masquer les bordures des éléments en javascript

WBOYoriginal: 2022-01-17 18:02:161491parcourir

En JavaScript, l'attribut border de l'objet style peut être utilisé pour masquer la bordure d'un élément. L'attribut border peut définir tous les attributs de bordure dans une seule instruction. Lorsque la valeur de l'attribut est définie sur "aucun", la bordure sera. caché. La syntaxe est "objet élément" .style.border="none";".

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Comment masquer les bordures des éléments en javascript

L'objet Style représente une seule déclaration de style. Un objet Style est accessible à partir du document ou de l'élément auquel le style est appliqué.

Utilisez la syntaxe de la propriété de l'objet Style : propriété

document.getElementById("id").style.property="值"

border pour définir toutes les propriétés de bordure dans une seule déclaration.

Syntaxe :

Object.style.border=borderWidth borderStyle borderColor

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script>
function displayDate(){
document.getElementById(&#39;demo&#39;).style.border= "none";
}
</script>
</head>
<body>
<p id="demo" style="border:5px solid #000;">这是一个段落</p>
<button type="button" onclick="displayDate()">去除</button>
</body>
</html>

Résultat de sortie :

Comment masquer les bordures des éléments en javascript

[Recommandations associées : Tutoriel d'apprentissage javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript 对象 border

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：Quelles sont les fonctions ajax ?Article suivant：Quelles sont les fonctions ajax ?

Articles Liés

Voir plus