将JavaScript代码分配给变量并执行

时间:2019-07-14 16:05:44

标签: javascript html

我一直在尝试为变量分配代码行,但是我不知道如何在javascript中执行变量。

<html>
<body>
 <div id='on'>change background color</div>
 <script>
  var x =  "document.getElementById('on').style.backgroundColor='red';";
  //here i want to execute the variable x to change the backgroundcolor for id 'on'.   
 </script>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

使用匿名函数代替字符串:

let x = function() {
  document.getElementById('on').style.backgroundColor = 'red';
};

x();
<div id='on'>change background color</div>

答案 1 :(得分:0)

JavaScript具有eval()

var x =  "document.getElementById('on').style.backgroundColor='red';";
eval(x);
<div id='on'>change background color</div>