Javascript 使用转义URL参数设置div的样式_Javascript

Javascript 使用转义URL参数设置div的样式

javascript

Javascript 使用转义URL参数设置div的样式,javascript,Javascript,我是javascript新手，不太明白如何修改此代码来设置div的样式： function getParameters() { var searchString = document.getElementById('input1').value, params = searchString.split("&"), hash = {}; if (searchString == "") return {}; for (var i = 0; i <

我是javascript新手，不太明白如何修改此代码来设置div的样式：

function getParameters() {
  var searchString = document.getElementById('input1').value,
      params = searchString.split("&"),
      hash = {};

  if (searchString == "") return {};
  for (var i = 0; i < params.length; i++) {
    var val = params[i].split("=");
    hash[unescape(val[0])] = unescape(val[1]);
  }
    console.log(hash);
  //return hash;
    $.each(hash, function( color, background ) {
      document.body.innerHTML += color + background ;
    });
}

函数getParameters（）{ var searchString=document.getElementById（'input1'）。值， params=searchString.split（&），散列={}； if（searchString==“”）返回{}；对于（变量i=0；i

也可以在这里查看：

每个（函数（）{}）中的变量函数不是自定义的，它们总是id和值

您的功能应该如下所示：

$.each(hash, function (id, value) {
    test_div.style[id] = value;
});

这是一个

基本上，您的哈希数组包含两个对象：

1）颜色{value=“red”}

2）背景{value=“yellow}

每个函数迭代那些，id将是第一次

color

ad第二次

background

值将是第一次<代码>“红色”和第二次<代码>“黄色”

例如，对于第一次迭代，id='color'和value='red'，它将生成：

test_div.style["color"] = "red";

通过javascript函数styleDiv，您可以传递样式（style=value）的url字符串和目标（DOM元素标记名、id、类）。它将找到这些目标并设置样式

香蕉使用element.style[property]=value真是太好了，我不知道


花式跳水
输入[类型=文本]{宽度：300px；}
//  
你好，世界

你所说的

设置div样式是什么意思

你可以使用

$（body.css（'color'，color）

。看一看这里：看这里：

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Style a Div</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script>


  <style type='text/css'>
    input[type=text] {width: 300px;}
  </style>



<script type='text/javascript'>//<![CDATA[ 
$(function(){
styleDiv = function(paramString, target){
    param = paramString.split('&');
    if (param.length < 1)
        return false;
    for(i=0; i< param.length; i++){
        val = param[i].split('=');
        //jQuery(target).css(unescape(val[0]),unescape(val[1]));
        targets=document.querySelectorAll(target);
        for (t=0; t < targets.length; t++){
            targets[t].style[unescape(val[0])] = unescape(val[1]);
        }
    }
}

jQuery('#cmdSetStyle').click(function(e){
    console.log(styleDiv(jQuery('#txtParamStyle').val(),'#target'));
    return false;    
});

});//]]>  

</script>


</head>
<body>
  <form id="frmSendStyle" method="get">
    <input type="text" id="txtParamStyle" value="color=red&background=yellow" />
    <input type="button" id="cmdSetStyle" value="Set Style" />
</form>

<div id="target">
    Hello world
</div>

</body>


</html>