Question

我有一个提交按钮：

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

我有一个显示放大镜的部门：

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

我正在使用一个JavaScript函数，该函数会在页面加载后立即触发，这会将放大镜放在按钮上。

是否有一个JavaScript函数可以从其ID中找到页面上元素的位置，以便我可以使用它来绝对定位图标分区？

我是否包含足够的代码？

Answer 1

您可以创建一个向按钮添加一些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');
};

根据另一个元素的位置进行位置划分

1 个答案: