javascript创建的标签插入到错误的位置

javascript创建的标签插入到错误的位置,javascript,html,Javascript,Html,因此,我有以下html: <div id="divForComponents"> <input type="button" value="+" onclick="addFilter('divForComponents')"/> </div> 现在,选择组件和输入字段已正确添加,但标签已添加到我在该分区上已有的按钮之前。我希望并期望获得定位: Button Label Se

因此,我有以下html:

<div id="divForComponents">
       <input type="button" value="+" onclick="addFilter('divForComponents')"/>                                
</div>
现在,选择组件和输入字段已正确添加,但标签已添加到我在该分区上已有的按钮之前。我希望并期望获得定位:

 Button   Label   Select    Input
相反,我得到:

 Label   Button   Select    Input
我正在测试的浏览器是Chromium,不确定这是否有任何意义

问候,,
Bogdan

它实际上是在按钮前插入标签,还是只是以这种方式直观地显示出来?听起来你可能有一个CSS样式告诉标签向左浮动。

它实际上是在按钮之前插入标签,还是只是以这种方式直观地显示出来?听起来您可能有一个CSS样式,告诉标签向左浮动。

一个是,您的函数名为
addComponents()
,而您使用的是
addFilter()
。我刚刚尝试了您的代码,并将
addFilter()
更改为
addComponents()
,标签设置正确。

其中一个原因是,您的函数名为
addComponents()
,而您使用的是
addFilter()
。我刚刚尝试了您的代码,并将
addFilter()
更改为
addComponents()
,并且标签设置正确。

如果您的函数命名正确,在chrome中可以正常工作:


如果函数名称正确,则在chrome中可以正常工作:


我在您的代码中没有看到按钮。按钮已经在div中。我在您的代码中没有看到按钮。按钮已经在div中。嗯,谢谢您的输入。这是一个更大项目的一部分,在这个项目中,我通常不处理前端,所以可能是这样。有什么方法可以“覆盖”这个吗?当你创建标签时,你可以在标签上添加一个样式属性,并放置
float:none,这样生成的html类似于:抱歉,注释被截断。我的意思是:这里有一些文本,不确定你的前端设计师是否会介意你加入一些内联样式。嗯,谢谢你的输入。这是一个更大项目的一部分,在这个项目中,我通常不处理前端,所以可能是这样。有什么方法可以“覆盖”这个吗?当你创建标签时,你可以在标签上添加一个样式属性,并放置
float:none,这样生成的html类似于:抱歉,注释被截断。我说的是这样的:这里的一些文本不确定前端设计师是否会在意你是否加入了一些内联样式。
 Label   Button   Select    Input