使用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
    标记中的结束斜杠
  • 我在你的html中没有看到“divButtonGo”。如果它根本不在那里,很明显它不会起作用。如果是,请将其包含在代码段中
  • 我很确定要设置需要的样式
    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
    标记中的结束斜杠
  • 我在你的html中没有看到“divButtonGo”。如果它根本不在那里,很明显它不会起作用。如果是,请将其包含在代码段中
  • 我很确定要设置需要的样式
    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我认为
    标记是试图将他的代码与问题主体区分开来。我认为它们可以被删掉。