位置划分基于其他元素的位置

我有一个提交按钮：位置划分基于其他元素的位置

<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

我把窗户放在哪里。这只是在脚本标签或我需要放在某个地方来解雇它吗？ –

这适用于我的一些元素，但似乎不适用于提交元素。有没有办法将它附加到提交元素？ –

这并没有完全解决我想要的东西，这是我得到的最接近的。我将发布到我使用的完整代码。 –

位置划分基于其他元素的位置

回答

相关问题