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>