gpt4 book ai didi

javascript - 如何将 DOM 的值和属性放入文本框中?

转载 作者:行者123 更新时间:2023-11-28 19:02:24 25 4
gpt4 key购买 nike

我不知道如何分割这段代码中的变量,因为它是一个字符串,所以我可以在文本框中输入:document.body.style.backgroundColor =“red”,或者简单地输入color =“red”。我是否需要在某些时候使用 regEX 来进行引号,或者如果不可能的话,即使没有引号我该如何做到这一点?

<html>
<body>
<script>
var textbox = document.createElement("INPUT");
textbox.setAttribute("type", "text");
textbox.setAttribute("value", code);
document.body.appendChild(textbox);
var color;
var code;
setInterval(function () {
var color = y+textbox.value;
code = textbox.value; // the code does not process in the text box at all
y=code.split("=");
document.body.style.[y]=color;
console.log(color);
}, 100);
</script>
</body>
</html>

最佳答案

1.创建<input> 。并为其提供一个ID访问它。

function createInput() {
var input = document.createElement("input");
input.setAttribute("type", "text");
input.id = "myInput";
input.value = "color=red"; // or "document.body.style.backgroundColor=red"
document.body.appendChild(input);
}

2.设置<body>的背景颜色.

function setBgColor() {
var el = document.getElementById('myInput');
var parts = el.value.split("=");
var color = parts[1];
document.body.style.backgroundColor = color;
}

注释:

var str = "color=red";
var res = str.split("=");
//res is an array "["color", "red"]
//the second value in the array is res[1], which is the color

setInterval的用法:

setInterval(function() {
f();
}, interval);

Example

关于javascript - 如何将 DOM 的值和属性放入文本框中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32277776/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com