如何使用JavaScript设置元素边框的样式?
要设置元素边框的样式,请使用JavaScript中的borderStyle属性。
示例
您可以尝试使用JavaScript以元素边框的样式运行以下代码集-
<!DOCTYPE html> <html> <head> <style> #newDiv { height: 150px; width: 150px; border: 2px solid #000000; } </style> <body> <div id="newDiv"> Demo Content! </div> <br> <button type="button" onclick="display()">Change border style</button> <script> function display() { document.getElementById("newDiv").style.borderStyle = "dashed"; } </script> </body> </html>