Tengo, en mi html unos elementos con atributos que necesito tener en el js.
Lo que intento hace es tratar de mandar esos atributos del elemento, como parametro y usarlos en el js.
Primero entente así:
<div id="main" nombre="Nombre Apellido" onclick="print(nombre)"></div>
Después así:
<div id="main" nombre="Nombre Apellido" onclick="print(this.nombre)"></div>
Tambien intenten abriendo las comillas y ponendile + para concatenar, y tampoco. Actualmente lo tengo implementado como el siguiente ejemplo:
function print(str){
console.log(str.getAttribute('nombre'));
}
#main{
border: solid 1px black;
width: 50px;
height: 50px;
}
<div id="main" nombre="Nombre Apellido" onclick="print(this)"></div>
Mi pregunta es: Existe alguna otra forma de pasar atributos por parametro mejor q la manera q lo estoy haciendo?
data-
pero es preferible como comento en mi respuesta