Caso 1: seleccione todo
Puntos de conocimiento de la aplicación: onDblClick = () | OnClick | Encuentre atributos de etiqueta, juicios y aplicaciones de funciones
Caso 2: opción única
Solo puede elegir uno y usar JS para cambiar sus opciones
Puntos de conocimiento de la aplicación: GetElementsByTagName%20 |%20Cecked%20 |%20Mutex
Caso 3: clonación
Caso 4: atributos personalizados, obtener atributos personalizados y cambiar el contenido de la etiqueta
Caso 5: Tres formas de obtener los valores en el cuadro de entrada
Método 2: consulta
Método 3: ID
Caso 6:
Caso 7:
Caso 8: Menú principal
Caso 9: Volver a la cima
Puntos de conocimiento principal: Onscroll%20 y document.body.scrolltop;
Caso 10:
Puntos principales de conocimiento:
// desplazamiento%20 desplazamiento; El significado del desplazamiento
//%20ScrollTop:%20 Altura de barra de desplazamiento desde la parte superior
//%20ScrollHeight:%20 Altura del documento: en sí mismo + Padre
//%20ClientTop:%20 Altura del borde
//%20ClientHeight:%20 El rango actual altura visible: en sí mismo%20+%20 Padding
// Compensación%20 Significado de impresión
//%20OffSettop:%20 La altura de la etiqueta actual desde "Top" (cuerpo)
//%20 Si no hay publicación en su nivel anterior, si lo hay, la etiqueta de posición se basa principalmente en la etiqueta de posición.
//%20OffSetTheight:%20 La altura de su propio rango: en sí mismo + relleno + borde
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <title> </title> </head> <body> <div style = "altura: 20px; background-color: verde;"> </div> <!-head-> <div style = "borde: 5px rosa sólido; padding: 10px;"> <!-body-<div> <div> estilo = "altura: 200px; desbordamiento: auto; ancho: 400px; margen: 0 auto; borde: 15px sólido rojo; relleno: 3px;" > <Viv> SDF </div> <iv> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> <1> sdf </div> <div> sdf </div> <div> sdf </iv> <Viv> SDF </div> <iv> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> <1> sdf </div> <div> sdf </div> <div> sdf </iv> <Viv> SDF </div> <iv> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> <1> sdf </div> <div> sdf </div> <div> sdf </iv> <Viv> SDF </div> <iv> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> <1> sdf </div> <div> sdf </div> <div> sdf </iv> <Div> SDF </div> <iv> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <iv> sdf </div> <div> sdf </div> <Div> SDF </div> <iv> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <div> sdf </div> <iv> sdf </div> <div> sdf </div> <div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div> <div>sdf</div> <div>sdf</div> </div> </div> </div> </div> </div> <script> var ii = document.getElementById('xo') console.log(ii.scrollTop) console.log(ii.scrollHeight) console.log(ii.clientTop) console.log(ii.clientHeight) console.log(ii.offsetTop) console.log(ii.offsetHeight) //scroll Scroll; scroll meaning // scrollTop: scrollbar height from the top // scrollHeight: Document height: itself + padding// clientTop: border height // clientHeight: visible range height: itself + padding //offset Print meaning // offsetTop: The current label distance from the "top" (body)// If there is no post on the previous level, if there is one, the position label is mainly used // offsetHeight: The visible range height: itself + padding+border </script> </body></html>好了，暂时就介绍到这里希望大家多写多练，主要是其中的逻辑，当然现在很多人都开始使用jquery了，大家也多注意。