使用javascript动态更改div标记的位置
我在页面右侧的使用javascript动态更改div标记的位置,javascript,asp.net,html,css,Javascript,Asp.net,Html,Css,我在页面右侧的div中有一个ASP按钮。我想使用onchange下拉事件动态更改同一行中的左侧位置 我是这样做的: document.getElementById('divButtonGo').style.Paddingleft="80px" 如何使用Javascript实现这一点?这里有几个问题。按重要性增加的顺序: 您缺少i标记中的结束斜杠 我在你的html中没有看到“divButtonGo”。如果它根本不在那里,很明显它不会起作用。如果是,请将其包含在代码段中 我很确定要设置需要的样式e
div
中有一个ASP按钮。我想使用onchange
下拉事件动态更改同一行中的左侧位置
我是这样做的:
document.getElementById('divButtonGo').style.Paddingleft="80px"
如何使用Javascript实现这一点?这里有几个问题。按重要性增加的顺序:
i
标记中的结束斜杠elem.style.paddingLeft
,而不是elem.style.paddingLeft
标记中。所有Javascript都必须包装在这些标记中,为了使代码成功运行,它必须放在“divButtonGo”之后,否则必须连接一个onload事件,如window.onload=function(){/*bombles away!*/}代码>
<div id="divButtonGo">
My Awesome Content
</div>
<script type="text/javascript">
var el = document.getElementById("divButtonGo");
el.style.paddingLeft = "30px";
</script>
这里有几件事不对。按重要性增加的顺序:
i
标记中的结束斜杠elem.style.paddingLeft
,而不是elem.style.paddingLeft
标记中。所有Javascript都必须包装在这些标记中,为了使代码成功运行,它必须放在“divButtonGo”之后,否则必须连接一个onload事件,如window.onload=function(){/*bombles away!*/}代码>
<div id="divButtonGo">
My Awesome Content
</div>
<script type="text/javascript">
var el = document.getElementById("divButtonGo");
el.style.paddingLeft = "30px";
</script>
您提供的示例已经是javascript。如果要更改触发代码运行的内容,请更改放置代码的位置 从
onchange
事件,转换为脚本标记中由其他对象调用的函数
范例
<input type="button" onclick="movediv()" />
<script>
function movediv(){
document.getElementById('divButtonGo').style.Paddingleft="80px"
}
</script>
函数movediv(){
document.getElementById('divButtonGo').style.Paddingleft=“80px”
}
您提供的示例已经是javascript。如果要更改触发代码运行的内容,请更改放置代码的位置
从onchange
事件,转换为脚本标记中由其他对象调用的函数
范例
<input type="button" onclick="movediv()" />
<script>
function movediv(){
document.getElementById('divButtonGo').style.Paddingleft="80px"
}
</script>
函数movediv(){
document.getElementById('divButtonGo').style.Paddingleft=“80px”
}
旁注:你想用那些i
标签做什么?它们是源代码的一部分吗?A:他们哪里都没有关门;B:JavaScript不会像那样直接进入DOM。它需要在脚本标记中。@david我认为
标记是试图将他的代码与问题主体区分开来。我假设它们可以被编辑掉。旁注:你想用那些I
标签做什么?它们是源代码的一部分吗?A:他们哪里都没有关门;B:JavaScript不会像那样直接进入DOM。它需要在脚本标记中。@david我认为
标记是试图将他的代码与问题主体区分开来。我认为它们可以被删掉。