Por que quieres específicamente encontrar los elementos con este tipo de query? Cuando es algo que necesitas repetir, como aplicar un evento en todos los elementos puedes utilizar algún query de este tipo, pero si quieres aplicar algo en una etiqueta especifica y que conoces, pues solo agrégale un id.
Igualmente aunque recalco lo de arriba, lo que está pasando es muy simple, primero getElementsByTagName
no admite este tipo de queries y segundo aunque hubiese una o mas etiquetas getElementsByTagName
devuelve un array con elementos encontrados (ojo), solo para que te des una idea var y = document.getElementsByTagName("div#context_menu>div:nth-child(3)");
siempre va a ser undefined
y el error es bastante explicito, undefined no es un objeto y por lo tanto no tiene ninguna propiedad que se llame setAttribute
.
En su lugar solo deberías utilizar querySelector
que esta hecho especificamente para utilizar css queries:
var y = document.querySelector("div#context_menu>div:nth-child(3)");
/*var y = document.getElementsByTagName("div#context_menu>div:nth-child(3)")[0];*/
y.setAttribute("style", "display:none");
<div id="context_menu" class="" style="top: 206px; left: 542px; display: block;">
<div class="menu_item" onclick="do_action('eliminar')">Eliminar Fichero seleccionado/s</div>
<div class="menu_item" onclick="do_action('download_as_zip')">Descargar seleccionado</div>
<div class="menu_item" onclick="enviar()">Enviar</div>
<div class="menu_item" onclick="do_action('export')">Exportar a Excel</div>
</div>
Igualmente, no es mas fácil simplemente usar una id en lugar de harcodear queries? jeje
var y = document.getElementById("enviar");
y.setAttribute("style", "display:none");
<div id="context_menu" class="" style="top: 206px; left: 542px; display: block;">
<div class="menu_item" onclick="do_action('eliminar')">Eliminar Fichero seleccionado/s</div>
<div class="menu_item" onclick="do_action('download_as_zip')">Descargar seleccionado</div>
<div id="enviar" class="menu_item" onclick="enviar()">Enviar</div>
<div class="menu_item" onclick="do_action('export')">Exportar a Excel</div>
</div>
Un saludo, espero que te sea de ayuda.
.getElementsByTagName()
solo debes especificar la etiqueta y tú estás pasando un selector CSS completo, entonces, deberías usar.querySelector()
.