Maison >interface Web >Questions et réponses frontales >Comment masquer les bordures des éléments en javascript
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('demo').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 :
[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!