位置劃分基於其他元素的位置

我有一個提交按鈕：位置劃分基於其他元素的位置

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

，我有一個部門，顯示了一個放大鏡：

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

JavaScript函數後，我這隻要頁面加載將放大放大鏡到按鈕上就會觸發。

是否有JavaScript函數可以根據ID從頁面中找到某個元素的位置，然後我可以使用它來絕對定位圖標分隔符？

我是否包含足夠的代碼？

來源

2014-01-15 Richard Young

在JavaScript代碼沒有試圖在這一問題被給予。 –

你不能只編輯按鈕的CSS而不是使用單獨的div？有很多關於如何自定義輸入元素的指南：http://blog.formstack.com/2010/customize-form-buttons-with-css/或http://www.suburban-glory.com/博客？page = 140 – roobeedeedada

'''？ – VisioN

您可以創建一個功能，增加了一些HTML的進入按鈕，如下所示：

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); 
}

這樣使用它：

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

來源

2014-01-15 12:27:30 A1rPun

我把窗戶放在哪裏。這只是在腳本標籤或我需要放在某個地方來解僱它嗎？ –

這適用於我的一些元素，但似乎不適用於提交元素。有沒有辦法將它附加到提交元素？ –

這並沒有完全解決我想要的東西，這是我得到的最接近的。我將發佈到我使用的完整代碼。 –

位置劃分基於其他元素的位置

回答

相關問題