JavaScript在链接之前插入按钮,而不是在链接之后

JavaScript在链接之前插入按钮,而不是在链接之后,javascript,css,Javascript,Css,我有下面的代码示例,我在页面加载后插入一个按钮,我希望该按钮进入该div的内部,但是在该链接之后,它是posible() HTML JavaScript (函数(根){ 函数bindUIActions(){ 菜单元素(); } 函数菜单元素(){ var menuElements=document.getElementById(“someid”); menuElements.insertAdjacentHTML('afterBegin','Menu'); } root.NavigationW

我有下面的代码示例,我在页面加载后插入一个按钮,我希望该按钮进入该div的内部,但是在该链接之后,它是posible()

HTML

JavaScript
(函数(根){
函数bindUIActions(){
菜单元素();
}
函数菜单元素(){
var menuElements=document.getElementById(“someid”);
menuElements.insertAdjacentHTML('afterBegin','Menu');
}
root.NavigationWidget={
init:function(){
bindUIActions();
}
};
})(本条);
NavigationWidget.init();
使用“beforeed”

menuElements.insertAdjacentHTML('beforeend','<button type="menu-button" id="responsiveToggle" class="menu-button" aria-hidden="true"><i aria-hidden="true" class="icon-reorder"></i>Menu</button>');
menuElements.insertAdjacentHTML('beforeend','Menu');

似乎有很多代码,但更合适的方法是:

var menuElements = document.getElementById("someid"),
    button       = document.createElement('button'),
    i            = document.createElement('i'),
    txt          = document.createTextNode('Menu');

button.type      = 'button';
button.id        = 'responsiveToggle';
button.className = 'menu-button';

i.className      = 'icon-reorder';

button.setAttribute('aria-hidden', 'true');
i.setAttribute('aria-hidden', 'true');

button.appendChild(i);
button.appendChild(txt);
menuElements.appendChild(button);

+1-你再也看不到
insertAdjacentHTML
了,想知道为什么?老实说。。。我以前从未见过它,很好@PhillipWills-1996年它被广泛使用时很好,我认为没有人再使用它了,因为首选的方法是对元素使用append和prepend方法。我能说什么,我是一个老家伙:-)已经检查了mdn:-)而beforeed并不能解决我的问题:D
menuElements.insertAdjacentHTML('beforeend','<button type="menu-button" id="responsiveToggle" class="menu-button" aria-hidden="true"><i aria-hidden="true" class="icon-reorder"></i>Menu</button>');
var menuElements = document.getElementById("someid"),
    button       = document.createElement('button'),
    i            = document.createElement('i'),
    txt          = document.createTextNode('Menu');

button.type      = 'button';
button.id        = 'responsiveToggle';
button.className = 'menu-button';

i.className      = 'icon-reorder';

button.setAttribute('aria-hidden', 'true');
i.setAttribute('aria-hidden', 'true');

button.appendChild(i);
button.appendChild(txt);
menuElements.appendChild(button);