Duvida Conceitual - Javascript [getelementbyid]
Prezados, estou fazendo um curso EAD e pintou uma duvida conceitual;
Fiz o código abaixo, mas estou com uma duvida em relação ao funcionamento do getelement.
O código funciona legal, eu só não compreendi a tag:
<div class="menu" id="m1" onmouseover="mostraS1()" onmouseout="escondeSub(document.getElementById('s1'))">
Qual é o motivo, de e precisar utilizar: escondeSub(document.getElementById('s1')) ao invés de utilizar somente: escondes1();
Esse curso é no ytube, portanto não tenho acesso a forum.Não compreendi o conceito dele, se alguém puder me dar uma luz, ficarei grato.<!DOCTYPE html>
<html lang="en">
<head>
<!Código Pendente-->
<meta charset="UTF-8">
<title>#2 HTML Aula 35 - Menu DropDown</title>
<script language="JavaScript">
function mostras1() {
document.getElementById('s1').style.visibility="visible";
document.getElementById('s2').style.visibility="hidden";
}
function mostras2() {
document.getElementById('s2').style.visibility="visible";
document.getElementById('s1').style.visibility="hidden";
}
function escondesub(obj) {
obj.style.visibility="hidden";
}
</script>
<style>
.menu{
background-color: #ccc;
color: black;
width: 100px;
height: 20px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #fff;
}
.submenu{
background-color: #999;
width: 100px;
}
#m1 {
position: absolute;
color: black;
top:0px;
left: 0px;
}
#m2 {
position: absolute;
top:0px;
left: 101px;
}
#s1 {
position: absolute;
top:20px;
left: 0px;
visibility: hidden;
}
#s2 {
position: absolute;
top:20px;
left: 101px;
visibility: hidden;
}
</style>
</head>
<body>
<div class="menu" id="m1" onmouseover="mostras1()" onmouseout="escondesub(document.getElementById('s1'))">
Google
</div>
<div class="submenu" id="s1" onmouseout="escondesub(this)" onmouseover="mostras1()">
<strong>youtube</strong><br>
<strong>gmail</strong><br>
<strong>transportes</strong><br>
</div>
<div class="menu" id="m2" onmouseover="mostras2()" onmouseout="escondesub(document.getElementById('s2'))">
Transportes
</div>
<div class="submenu" id="s2" onmouseout="escondesub(this)" onmouseover="mostras2()">
Carro<br>
Avião<br>
Navio<br>
</div>
</body>
</html>Discussão (2)
Carregando comentários...