个人中心
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
文章推荐： javascript - 如果第一个数字为零并且该数字大于 2 位，则进行替换
文章推荐： python - 无法在 Windows 上使用 pip 安装 'pyreadline'
文章推荐： python - 日期时间转换 - 如何提取推断格式？
文章推荐： javascript - 如何过滤掉非数字值
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com