위치 사업부 다른 요소의 위치에 따라

Question

I 제출 버튼이 있습니다

<input type="submit" name="submit_search" id="submit_search" value="Search"/> 

을 나는 돋보기 표시하는 부문이 있습니다

<div class="icon"> 
    <div class="search"></div> 
</div> 

내가 자바 스크립트 함수 이후에이야을하는 단추가 돋보기 위에 놓일 때 페이지가로드되는 즉시 시작됩니다.

페이지에서 요소의 위치를 ​​찾을 수있는 자바 스크립트 기능이 있습니까? 그렇다면이 코드를 사용하여 아이콘 분할을 절대적으로 배치 할 수 있습니까?

충분한 코드가 포함되어 있습니까?

function addIconToButton(buttonId){ 
    var icon = document.createElement('div'); 
    var search = document.createElement('div'); 
    icon.className = 'icon'; 
    search.className = 'search'; 
    icon.appendChild(search); 
    document.getElementById(buttonId).appendChild(icon); 
} 

이 좋아 사용 : :

Answer 1

당신과 같이 버튼에 HTML의 비트를 추가하는 기능을 만들 수

window.onload=function(){ 
    addIconToButton('submit_search'); 
};