转义 URL 参数语句 if else switch

这段代码有一个小问题：

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;

  if(val[0] == "class"){ //alert(val[1]); 
    $.each(hash, function( attribute, value ) {
      test_div.setAttribute(attribute,value);
    });
  }
  else if(val[0] == "color"){ //alert(val[1]); 
    $.each(hash, function( attribute, value ) {
      test_div.style[attribute]=value;
    });
  }


  monitor_test_div.innerText = ccc.innerHTML;  
}

根据插入参数的顺序，它们会重复或不起作用......

使用转义 URL 参数设置 div 样式 https://stackoverflow.com/questions/23549478/style-a-div-using-escaped-url-parameters

Demo: JSFiddle 1 http://jsfiddle.net/36w7C/

Demo: JSFiddle 2 http://jsfiddle.net/L8nxc/1/

我想获得这个：

示例1：

input:

opacity=0&src=link1&color=red&color=green&src=link2&height=200

output:

 <div src="link2" style="color: green;"></div>

示例2：

input:

src=link1&color=red or color=red&src=link1

output:

 <div src="link1" style="color: red;"></div>

在你的行中

if(val[0] == "class")

您只检查 val 数组中的第一个元素。

您想要做的是迭代所有哈希对象并简单地检查属性，如下所示：

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( attribute, value ) {

        if(attribute=="color"){
            test_div.style[attribute]=value;
        }
        else if(attribute=="src"){
            alert(attribute);
            test_div.setAttribute(attribute,value);
        }
    });
}

这是一个工作FIDDLE http://jsfiddle.net/TheBanana/Dz9e4/