Javascript 根据设置的URL变量更改html div属性_Javascript_Php_Jquery_Html_Css

Javascript 根据设置的URL变量更改html div属性

javascript php jquery html css

Javascript 根据设置的URL变量更改html div属性,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我有以下代码： <html> <body> <div class="block" style="width:40.5%; margin-top: 1%; margin-left:-6.5%; height: 15%; position: fixed"> </div> </body> </html> 我想根据URL是否设置了“id”更改左边距（或任何边距）的值。例如，通常主页是“index.php”，但是基于搜索，

我有以下代码：

<html>
<body>
<div class="block" style="width:40.5%; margin-top: 1%;   
margin-left:-6.5%; height: 15%; position: fixed">
</div>
</body>
</html>

我想根据URL是否设置了“id”更改左边距（或任何边距）的值。例如，通常主页是“index.php”，但是基于搜索，URL可以是类似“index.php？id=1”的内容。如果URL中不存在“id”参数，我希望剩余的边距为-6.5%，如果“id”参数存在，我希望剩余的边距为6.5%。抱歉，我知道我可能错过了一个简单的解决办法

因此，您需要使用一些JavaScript来检查url以查看是否存在“id”。如果它存在，那么我们就告诉它更新该div的“marginleft”属性

function getUrlVars() {
  var vars = {};
  var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
  function (m, key, value) {
    vars[key] = value;
  });
  return vars;
}
var getId = getUrlVars()["id"];
if (getId) { 
  var mainBlock = document.getElementsByClassName("block")[0];
  mainBlock.style.marginLeft = "6.5%";
}

到目前为止，您尝试了什么？你不能用CSS发布一点HTML，而指望别人为你做其余的事情。这不是免费的编程请求站点。我不确定该尝试什么，如果您愿意，我可以发布更多的代码。这个URL变量在哪里？你是如何得到这个变量的。通过变量，我假设您指的是id的url参数。您显示的源代码没有显示如何获取url参数。如果你有更多相关的源代码，那么是的，显示它。绝对是我需要的！！杰出的很高兴你理解了，不像其他成员