Escriba una función para hacer clic en el botón de cambio para agregar un doble borde rojo al elemento div.
Primero escriba un < div > en < cuerpo >
<body>
<div id="k">输入文字</div>
<input type="button" value="change"/>
</body>
La salida es
Después de que tenga estos, puede establecer el estilo CSS de < div > en < head >
<head>
<meta charset="utf-8">
<title>Change</title>
<style type="text/css">
div {
width:auto;
height:auto;
margin-bottom: 20px;
margin-left: 20px;
}
</style>
</head>
Una vez que tenga el estilo CSS, puede usar los botones de arriba para controlar el estilo de < div >. Lo
más importante es < script >
yon
<script>
function change() {
document.getElementById("k").style.border="5px double red"
}
</script>
Aquí está la " k " se delantera y < div > el ID de " k " como
una manera de conectar el control
y, por último botón Añadir en la onclick de desencadenar el cambio esta función
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Change</title>
<style type="text/css">
div{
width:auto ;
height: auto;
margin-bottom: 20px;
margin-left: 20px;
}
</style>
<script>
function change() {
document.getElementById("k").style.border="5px double red"
}
</script>
</head>
<body>
<div id="k">输入文字</div>
<input type="button" value="change" onclick="change()"/>
</body>
</html>
Terminar