Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript使用ID更改DIV背景_Javascript_Background - Fatal编程技术网

JavaScript使用ID更改DIV背景

JavaScript使用ID更改DIV背景,javascript,background,Javascript,Background,我有一个它的ID=“123456” 如果我运行以下命令,那么console.log中会显示123456 dId = obj.id, console.log(dId); 如果我这样做,我可以改变背景 document.getElementById("123456").style.background="#EEE000"; 但是,由于“未捕获的TypeError:cannotreadproperty'style'为null”而失败 如何使用vardId实现这一点 更新 为清晰起见,obj= &l

我有一个
它的ID=“123456”

如果我运行以下命令,那么console.log中会显示123456

dId = obj.id,
console.log(dId);
如果我这样做,我可以改变背景

document.getElementById("123456").style.background="#EEE000";
但是,由于“未捕获的TypeError:cannotreadproperty'style'为null”而失败

如何使用vardId实现这一点

更新 为清晰起见,obj
=

<div id="123456" class="drag" style="border-style: solid; cursor: move;">TEST</div>
测试
对象id=123456

更新 新建工作JFiddle当项目被拖到拖放区时,如何更改该项目的背景颜色以显示它在拖放列表中


谢谢

您可以将
dID
用作
id
,您应该检查
dID
是否包含正确的
id

var obj={
id:123456//字符串或整数不重要
};
var dId=对象id;
document.getElementById(dId).style.background=“#EEE000”

试验

只需使用
dId
而不使用
document.getElementById()

此外,您的ID名称是无效的CSS语法:

var-dId=document.querySelector('a123456');
console.log(dId);
//document.getElementById(“a123456”).style.background=“#EEE000”;
dId.style.background=“#EEE000”
div{
宽度:100px;
高度:100px;
}

您没有给出情况的完整背景
getElementById(myVariableName)
确实可以工作,因此假设仅仅使用该结构会导致问题是错误的。(也是标准的抱怨:如果你在身份证上添加号码,你使用的号码是错误的,等等)这对我不起作用。我已经更新了我的原始帖子,展示了obj包含的内容以及如何获得obj。id@MacMan,什么不起作用?你看小提琴了吗?谢谢你。为什么我要更改
var obj=document.querySelector('a123456');var dId=对象id
var dId=“a123456”
;它失败了吗?@MacMan,你能举个例子告诉我失败的原因吗?我看不出你刚刚发布的代码有什么问题…嗨。我不知道怎样才能把这件事搞清楚。我正在使用这个脚本
http://www.redips.net/my/preview/REDIPS_drag/example23/
这是一个iem,当它被添加到下拉列表时,我想更改它的背景。
<div id="123456" class="drag" style="border-style: solid; cursor: move;">TEST</div>