12
votos
Aceptado
¿Cuál es la mejor forma de saber si existe un elemento en el DOM con jquery?
Si jQuery es necesario, puedes usar:
if ($('#elemento').length) {
// si existe
} else {
// no existe
}
Otra solución con javascript, tomada de Mozilla Developer Network:
function isInPage(node) ...
- 29k
11
votos
Obtener el valor del select seleccionado - Javascript - DOM
Con la propiedad text del option seleccionado.
En tu código estás accediendo al valor de la opción seleccionada a través de la propiedad value. De igual forma a través de la propiedad text puedes ...
- 14.5k
11
votos
Aceptado
Agregar filas a Tabla con JavaScript, DOM
Suponiendo que la función que creaste se la asignamos al evento onclick de un button, te serviría lo siguiente
const agregarFila = () => {
document.getElementById('tablaprueba').insertRow(-1)....
- 4,625
10
votos
Deshabilitar scroll horizontal; pero permitir el vertical
Otra posible solución a este problema puede ser via Css, y es usando overflow-x: hidden;
Por ejemplo lo colocas en tu body de esta forma:
body{
overflow-x: hidden;
}
Y automaticamente ocultara ...
- 2,537
9
votos
Aceptado
Crear elementos del DOM con jQuery
Investigando después de un rato encontré esta manera simple, para crear un elemento solo basta con poner la etiqueta y separar con una coma los atributos:
$('<a/>', {
'html' : 'Un <strong&...
- 5,468
8
votos
Aceptado
¿Cómo usar getElementsByTagName en la consola de Chrome?
El DOM permite anidar elementos, es decir, tienes un objeto document, que incluye otros objetos document, como es el caso de una página que incluye un iframe.
En la consola de Chrome, justo a un lado ...
- 11.2k
8
votos
¿Cómo crear objetos DOM y recorrerlos con un for of en JavaScript?
Referente al detalle que comentaba @A.Cedano
Crear un elemento y añadirlo al elemento padre por cada iteración va a suponer que el DOM tiene que renderizar n veces el elemento padre, donde n es la ...
- 3,050
7
votos
Aceptado
btn.eventListener is not a function!
Porque getElementsByClassName() devuelve en un array la cantidad de elementos encontrados, por ende la variable btn es un array y entonces al intentar hacer addEventListener() te dice que no es una ...
- 3,813
7
votos
Aceptado
¿Como modificar este bucle para que no se pongan todos de azul?
var categoria = document.querySelectorAll("p.categoria");
function cambiaelcolor(){
this.style.color = "blue";
}
for (var i = 0 ; i < categoria.length; i++) {
categoria[i]....
- 14.5k
7
votos
Separar frases con <span>
Explicación
Puedes manejar el texto tu mismo sin usar una librería, mediante el uso del método (https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/String/replace):
....
- 121
6
votos
Aceptado
Expresión regular para sustituir <br><br> por <p></p>
Dejame contestarte primero a la pregunta de regex, pero avisándote que es la estrategia equivocada, sólo por tu comentario aclarando que es para estos casos sencillos.
Se puede hacer que coincida con ...
- 24.2k
6
votos
Aceptado
Cambiar el valor de un input type=text mediante botón - JS
Dos errores puntuales
getElementsById no existe, lo correcto sería en singular. getElementById
document.addEventListener("load", cargaPagina); el evento load se dispara al objeto window (entre ...
- 23.6k
6
votos
Aceptado
agregar fila a tabla HTML con JQuery en el Tbody
Utiliza la función append() de JQuery y cambia el selector a $('#tablaprueba tbody') como el ejemplo
function agregarFila(Id, Nombres, ApellidoP, AppellidoM) {
var htmlTags = '<tr>'...
5
votos
Aceptado
Foto de fondo que se mueve con mouse hover
Este fragmento de código, es del sitio codepen del author:
Krz Szzz / Zoom + pan the image on hover & mouse move
He modificado el código: quitando el texto encima y que escalen todos en las ...
- 13.4k
5
votos
Aplicar eventos con Javascript a elementos de una clase
Puro JavaScript:
//Seleccionas todos los elementos con clase test
var divs = document.getElementsByClassName("test");
//Recorres la lista de elementos seleccionados
for (var i=0; ...
- 1,936
5
votos
¿Cómo crear objetos DOM y recorrerlos con un for of en JavaScript?
Si te interesa escribir código optimizado, podrías hacerlo también mediante el uso de DocumentFragment. Al final de la respuesta pongo algunas cosas sobre esta propiedad del DOM, porque me parece que ...
- 90.6k
4
votos
Aceptado
¿Por qué mi button no ejecuta mi función en mouseout?
Al parecer tu función normalize está entrando en conflicto con String.prototype.normalize().
Simplemente cámbiale el nombre a tu función:
function myChange(boton) {
boton.style....
- 17.2k
4
votos
¿Cuál es la mejor forma de saber si existe un elemento en el DOM con jquery?
Probablemente la forma mas fácil es..
if($("#elId").length == 0) {
//no existe
}
o
if($(".clase").length == 0) {
//no hay nada con esa clase
}
- 16.7k
4
votos
Aceptado
Cómo puedo reemplazar etiquetas html
Es muy sencillo procesar HTML con DOM, son las herramientas que están pensadas para eso. Cada uno de los pasos está comentado en el código:
$html = '
<body>
<iframe ...
- 24.2k
4
votos
Problemas al ejecutar este pequeño script, se ejecuta antes de cargado el DOM?
Deberias usar DOMContentLoaded() ya que este espera que se carguen todos los elementos del DOM, window.onload se ejecuta despues de cargar las imagenes asi como elementos padre generales y sub-frames
...
- 215
4
votos
Evento click me ignora el primer click
Te explico lo que sucede:
window.addEventListener("click", sliderButtonsClick);
Cuando carga tu página se registra un listener de clic para toda la ventana, lo cual lo único que ejecutará al dar ...
- 1,842
4
votos
Aceptado
¿Como puedo saber el valor de un option dentro de un input tipo select en HTML?
solo tienes que usar:
$( "#mySelect" ).val();
Si lo que quieres es conseguir la lista de valores puedes usar
$("#mySelect").each(function()
{
$(this).val(); //te retornara el valor
$(this)....
- 100
4
votos
Aceptado
¿Por qué window.window = window?
No es un error de diseño, es más bien una limitación del intérprete: es la única forma de acceder al objeto global que es una instancia de la clase Window. Por ejemplo, cuando haces uso de algo tan ...
- 48.3k
4
votos
Como validar una cadena de caracteres que tenga exactamente 10 dígitos sin incluir espacios en blanco con javascript
Estas son algunas de las muchas formas posibles:
1. Eliminemos todo lo que no es dígito
textoSoloDigitos = texto.replace( /\D+/g, "")
Y obtenemos el largo del string de sólo números con String....
- 24.2k
4
votos
Aceptado
Por que mi código funcionó con el siguiente símbolo: (`ejemplo`) pero no con ('ejemplo2')?
Si vas a utilizar las tildes invertidas (``), no estas representando una cadena, estas usando una función agregada en ES2015, conocida como "Plantilla de Cadenas de Texto", o en inglés "Template ...
- 411
4
votos
Eliminar elementos DIV javascript
Si quieres eliminar todos los elementos div con una clase en específico te recomiendo utilizar JQuery, te dejo un ejemplo donde existe un div con una clase distinta a cupcake:
$( "div" ).remove( "...
- 1,604
4
votos
Aceptado
Eliminar elementos DIV javascript
El problema es que la función getElementsByClassName devuelve una lista "viva" de los elementos del HTML, a lo que me refiero es que si eliminas un elemento del HTML también lo eliminas de la lista y ...
- 5,683
4
votos
¿Como escuchar cuando la etiqueta html cambie?
En JavaScript puro, sin necesidad de usar jQuery o vue, puedes crear un MutationObserver para detectar el cambio en el atributo lang de la etiqueta <html>. Entonces cuando se llame a la función ...
- 48.7k
4
votos
Problemas de seleccion LI javascript
Necesitas hacerlo con querySelectorAll() asi:
var x = document.querySelectorAll("li");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.color = 'red';
}
<div id="container">
...
- 20.8k
4
votos
Aceptado
dividir en dos un arreglo de NodeList
El uso del método call() es el siguiente:
fun.call(thisArg[, arg1[, arg2[, ...]]])
Es decir, el primer elemento es el contexto (lo que será this en la función), y luego el resto de parámetros.
...
- 48.3k
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
dom × 446javascript × 374
html × 149
jquery × 64
html5 × 41
eventos × 32
css × 31
php × 30
array × 20
xml × 14
funciones × 14
json × 12
ajax × 11
bucle-for × 11
reactjs × 10
innerhtml × 10
java × 9
angular × 8
formularios × 8
function × 8
input × 7
html-tabla × 7
typescript × 5
botón × 5
nodejs × 4