Извлечение значения из div, отправленного на javascript

Question

Im пытается получить идентификатор конкретного окна, которое я вызываю.

<div id="box1" onmouseover="transition(box1)" onmouseout="detransition(box1)"> 
    <div class="box1-smallbox"> 

    </div> 

function transition(prop){ 
    document.getElementsByTagName(prop + "-smallbox").style.marginLeft = X; 
} 

Я хочу получить эту опору = коробка1. Для простой системы, которая затем может использоваться с 10 или 20 ящиками.

Заранее благодарен!

Answer 1

без JQuery, только JavaScript:

<div id="box1" onmouseover="transition(this.id)" onmouseout="detransition(this.id)"> 
    <div class="box1-smallbox">aaa</div> 
</div> 
<div id="box2" onmouseover="transition(this.id)" onmouseout="detransition(this.id)"> 
    <div class="box2-smallbox">bbb</div> 
</div> 
<div id="box3" onmouseover="transition(this.id)" onmouseout="detransition(this.id)"> 
    <div class="box3-smallbox">ccc</div> 
</div> 

<script type="text/javascript" language="javascript"> 
function transition(prop){ 
    var els = document.getElementsByTagName("div"); 
    for(var i=0;i<els.length;i++){ 
     if(els[i].className==prop+"-smallbox"){ 
      els[i].style.marginLeft = 200; 
     } 
    } 
} 
function detransition(prop){ 
    var els = document.getElementsByTagName("div"); 
    for(var i=0;i<els.length;i++){ 
     if(els[i].className==prop+"-smallbox"){ 
      els[i].style.marginLeft = 0; 
     } 
    } 
} 
</script> 

Answer 2

Включите его в строку, так как вы хотите, чтобы передать это идентификатор в виде строки

onmouseover="transition('box1')"