Obter o valor de um id

pedro56 · 29/08/2020

Hola comunidad 🧡

Digamos que tengo tres textarea:

Inserir CODE, HTML ou PHP:

<textarea id="uno"></textarea>
<textarea id="dos"></textarea>
<textarea id="tres"></textarea>

Me gustaría obtener mediante JavaScript el valor del id del textarea 2, osea obtener el valor "dos".

¿Como logro hacer esto?

kanikase · 29/08/2020

document.getElementById('dos').value

pedro56 · 29/08/2020

kanikase disse:
document.getElementById('dos').value

Creo que este código es para obtener el valor que esta dentro de las etiquetas textarea:

Inserir CODE, HTML ou PHP:

<textarea id="mio">valor textarea</textarea>

Con tu código se obtendría como respuesta "valor textarea", y yo lo que quiero obtener es el valor del id, osea "mio".

Como lo puedo hacer @kanikase ?

kanikase · 29/08/2020

pedro56 disse:
Creo que este código es para obtener el valor que esta dentro de las etiquetas textarea:

Inserir CODE, HTML ou PHP:

<textarea id="mio">valor textarea</textarea>

Con tu código se obtendría como respuesta "valor textarea", y yo lo que quiero obtener es el valor del id, osea "mio".

Como lo puedo hacer @kanikase ?

Depende del código que tengas, en el caso del post como lo pones, sería:

JavaScript:

document.getElementsByTagName('textarea')[1].id

explorenew · 29/08/2020

Siempre tienes 3 textareas ?

pedro56 · 29/08/2020

kanikase disse:
Depende del código que tengas, en el caso del post como lo pones, sería:

JavaScript:

document.getElementsByTagName('textarea')[1].id

Si, entiendo...

Gracias por tu respuesta.

Recordemos que en JavaScript los nodos empiezan a contarse desde cero.

Gracias nuevamente...

explorenew disse:
Siempre tienes 3 textareas ?

Si.

explorenew · 29/08/2020

kanikase disse:
Depende del código que tengas, en el caso del post como lo pones, sería:

JavaScript:

document.getElementsByTagName('textarea')[1].id

@pedro56 si en toda la pagina solo tienes 3 textareas este codigo es el que requieres.

bits4me · 13/09/2020

hola que tal?
te hice una pequeña funcion para manejar los textareas

JavaScript:

const textarea = id_textarea =>{
    const self = document.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        console.log("%c el textarea con el id '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
}

su uso:

JavaScript:

const valorTextarea = textarea('dos').value

en caso de error:
el textarea con el id 'dos' no existe.

Nakagawa · 13/09/2020

bits4me disse:
hola que tal?
te hice una pequeña funcion para manejar los textareas

JavaScript:

const textarea = id_textarea =>{ const self = document.querySelectorAll(`textarea#${id_textarea}`)[0]; if(typeof self !== 'object'){ console.log("%c el textarea con el id '"+id_textarea+"' no existe.","color:red;font-size:2rem"); }else return self; }

su uso:

JavaScript:

const valorTextarea = textarea('dos').value

en caso de error:
el textarea con el id 'dos' no existe.

Creo que el busca obtener "dos", siendo el nombre del atributo ID mas no su valor.

bits4me · 13/09/2020

Zarat disse:
Creo que el busca obtener "dos", siendo el nombre del atributo ID mas no su valor.

JavaScript:

const textarea = id_textarea =>{
    if(! isNaN(id_textarea)){
        self = document.querySelectorAll("textarea")[id_textarea - 1];
    }else self = document.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        const numb = (! isNaN(id_textarea)) ? "con el id" : "numero";
        console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
}

done:
textarea('dos').value --->con el id "dos"
o
textarea(2).id --->el textarea numero 2

Nakagawa · 13/09/2020

bits4me disse:

JavaScript:

const textarea = id_textarea =>{
    if(! isNaN(id_textarea)){
        self = document.querySelectorAll("textarea")[id_textarea];
    }else self = document.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        const numb = (! isNaN(id_textarea)) ? "con el id" : "numero";
        console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
}

done:
textarea('dos').value --->con el id "dos"
o
textarea(2).id --->el textarea numero 2

que elegancia la de Francia, ahora si 😀

PD. asi obtienes el valor del ID del textarea 3 😛

pedro56 · 13/09/2020

Muchas gracias, si es correcto @bits4me y @Zarat.

bits4me · 13/09/2020

Zarat disse:
que elegancia la de Francia, ahora si 😀

PD. asi obtienes el valor del ID del textarea 3 😛

ahora si w el definitivo >:|

JavaScript:

Object.prototype.textarea = function(id_textarea) {
    if(! isNaN(id_textarea)){
        self = this.querySelectorAll("textarea")[id_textarea - 1];
    }else self = this.querySelectorAll(`textarea#${id_textarea}`)[0];
    if(typeof self !== 'object'){
        const numb = (! isNaN(id_textarea) ) ? "numero" : "con el id";
        console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem");
    }else return self;
};

uso:
suponiendo que quieres el primer textarea del documento

JavaScript:

document.textarea(1).id

suponiendo que tienes varios textarea dentro de un div padre con la clase "padre"

JavaScript:

document.querySelector(".padre").textarea(2).id

pedro56 · 13/09/2020

Gracias 🙂

Nakagawa · 13/09/2020

bits4me disse:
ahora si w el definitivo >:|

JavaScript:

Object.prototype.textarea = function(id_textarea) { if(! isNaN(id_textarea)){ self = this.querySelectorAll("textarea")[id_textarea - 1]; }else self = this.querySelectorAll(`textarea#${id_textarea}`)[0]; if(typeof self !== 'object'){ const numb = (! isNaN(id_textarea) ) ? "numero" : "con el id"; console.log("%c el textarea "+numb+" '"+id_textarea+"' no existe.","color:red;font-size:2rem"); }else return self; };

uso:
suponiendo que quieres el primer textarea del documento

JavaScript:

document.textarea(1).id

suponiendo que tienes varios textarea dentro de un div padre con la clase "padre"

JavaScript:

document.querySelector(".padre").textarea(2).id

No respeta el orden de los nodos, pero me gusta 😛 +1

Obter o valor de um id

pedro56

kanikase

pedro56

kanikase

explorenew

pedro56

explorenew

bits4me

Nakagawa

bits4me

Nakagawa

pedro56

bits4me

pedro56

Nakagawa

Tópicos similares