Es correcto que un div o span tenga atributo name?

[RodrigoG]

Hola, deseo saber si es correcto que un div o span tenga un atributo name, hasta ahora siempre veo que el name está asociado a los elementos del formulario (y a las anclas de enlace).

En resumen, si uso algo como esto:

Código HTML:

<div id="caja1" name="cajas">
  <p>un <span name="txt">texto</span></p>
  <p>otro <span name="txt">texto</span></p>
</div>
 
<div id="caja2" name="cajas">
</div>
 

... está correcto?

Gracias!

[tredio]

no veo razon el por que no sea correcto, lo que no entiendo es para que lo haces?

[RodrigoG]

Hola, es que quiero a través de javascript seleccionar varios elementos de un mismo "tipo", sean divs o span, para jugar con ellos y hacer algunas cosas.

En concreto, quiero crear input typo text que contengan una cantidad, como un carrito de compras.
Ejemplo:

Código HTML:

<form action="" method="post">
  <div id="cont_1">
    <input type="text" value="0" />
  </div>
</form>
 

Eso se vería como
[ 0 ]

Entonces, quiero que a cada input que sea de cantidad se le asignen dos imagenes que simulen botones para aumentar o disminuir una unidad:

[ - ][ 0 ][ + ]

Usuario presiona en [+]:
[ - ][ 1 ][ + ]

Usuario vuelve a presionar en [+]
[ - ][ 2 ][ + ]

Eso.

El problema es que estoy manejando eventos en un archivo externo y no quiero crear algo como:

Código Javascript:

function $(id) {return document.getElementById(id)}
window.onload = function() {
evento.nuevo($(cont_1), "click", crearBotones);
evento.nuevo($(cont_btn_1), "keyup", adicionar);
 
evento.nuevo($(cont_2), "click", crearBotones);
evento.nuevo($(cont_btn_2), "keyup", adicionar);
.
.
.
}
etc.
 

Pero no sé exactamente cuantos input del tipo "cantidad" hay (es dinámico) y tampoco están todos asociados al mismo formulario.

Entonces pensé que sería más lógico hacer algo como lo siguiente:

Código Javascript:

window.onload = function() {
 
var divs_tipo_contador = document.getElementsByName("contador");
 
var k = 0;
 
where( divs_tipo_contador[k] )  { // mientras que exista
  evento.nuevo(divs_tipo_contador[k], "click", crearBotones);
  evento.nuevo(divs_tipo_contador[k], "keyup", adicionar);
  k++;
}
 
}
 

De esa forma capturo de forma rápida todos los divs que en el interior tienen un input "tipo" contador. Y me ahorro de hacer un script diferente para cada página.

Entonces pensé ...pero existen los names para los divs? y he allí la respuesta, gracias

[tredio]

mm, bueno estaba leyendo acá, y segun ellos no esta "name" como un atributo estándar de un div, pero podrias hacer lo mismo asignando a esos div`s que necesitas diferenciar una clase comun.

Código HTML:

<div class="clase_div"></div>
 

aca tienes un link donde explican como obtener elementos por su clase.

[Wasper]

¿Has probado con id= en vez de name?

[RodrigoG]

Ups!, cierto Tedio, no se debe usar name en los divs.
Tendré que hacerlo así con el nombre de la clase, aunque me parece que es demasiado lento.

¿Has probado con id= en vez de name?

Hola Wasper, resulta que id es un identificador único del documento, lo que necesito es una manera de referenciar varios elementos que no necesariamente del mismo tipo.

Supongo que tendré que hacerlo con el nombre de las clases :(

Código HTML:

<div class="saludo TIPO_A" >
  <p>Hola mundo!</p>
</div>
<div class="despido TIPO_A">
 <p>Chao mundo!</p>
</div>
 

Código Javascript:

window.onload = function() {
  var expresion = \ ?TIPO_A ?\;
  var elementos = document.getElementsByTagName("*");
  
  for( k = 0; k < elementos.length; k++ ) {
    if( expresion.test(elementos[k].className) ) {
      evento.nuevo(elementos[k], "click", crearBotones);
      evento.nuevo(elementos[k], "keyup", adicionar);
    }
  }
}