此声明将正文背景色设为红色。
在我的原始代码中,我有一个函数,通过标记名称将元素分配给全局变量元素。我在调用这个函数后发现我可以这样做: element.style.backgroundColor =#F00;
<但是,似乎没有任何方法可以替代语句的属性部分。下面我制作了最明显的方法,尽管我也尝试将参数分配给变量和各种引用组合。function assignStyle(value){document.body.style.backgroundColor = value;}函数attemptStyle(property,value){document.body.style.property = value;}
button {font-family:monospace; }
< button onmouseover =assignStyle('#131519 );的onmouseout =assignStyle(#FFF);>函数assignStyle(value){}< / button>< br />< button onmouseover =attemptStyle('backgroundColor','#137619'); onmouseout =attemptStyle('backgroundColor','#FFF');> function attemptStyle(property,value){}< / button>
编辑:这个问题不是如何将一个属性添加到使用变量的JavaScript对象中名字?。 这个问题包含了jQuery,包括我自己在内的许多人完全不知道。我的问题是关于基本的JavaScript。此外,我想知道如何将一个属性添加到一个元素,并通过将参数传递给一个函数参数。就我而言,变量会使问题进一步复杂化。
解决方案我不太确定你的意思替换 backgroundColor ,但我会猜测你试图以编程方式访问 backgroundColor 属性。如果是这样,你的第二个函数需要以下修改: pre $ 函数attemptStyle(property,value){ document.body .style [属性] =值; $ b
因此,如果您调用 attemptStyle('backgroundColor' ,'red'),您将使文档的背景颜色为红色。
document.body.style.backgroundColor="#F00";This statement styles the body background color as red.
In my original code I have a function that assigns elements by tag name to a global variable element. I've found after calling this function I can do this: element.style.backgroundColor="#F00";
However, there doesn't seem to be ANY way to substitute for the property section of the statement. Below I've produced the most obvious approach, though I have also tried assigning the parameters to variables and various combinations of quotation.
function assignStyle(value) { document.body.style.backgroundColor = value; } function attemptStyle(property,value) { document.body.style.property = value; }button { font-family: monospace; }
<button onmouseover="assignStyle('#131519');" onmouseout="assignStyle('#FFF');"> function assignStyle(value){} </button><br /> <button onmouseover="attemptStyle('backgroundColor','#137619');" onmouseout="attemptStyle('backgroundColor','#FFF');"> function attemptStyle(property,value){} </button>
Edit: This question is not a duplicate of How do I add a property to a JavaScript object using a variable as the name?. That question contains jQuery, which many people, including myself, know literally nothing about. My question is concerned with basic JavaScript. Also, I want to know how to add a property to an element, and so by means of passing an argument to a function parameter. As far as I'm concerned, variables complicate the question further.
解决方案I'm not too certain of what you mean by "substituting" backgroundColor, but I'll wager a guess that you're trying to access the backgroundColor property programmatically. If so, your second function needs the following amendment:
function attemptStyle(property,value){ document.body.style[property]=value; }Thus, if you call attemptStyle('backgroundColor', 'red'), you will make the background color of the document red.
更多推荐
我如何创建可互换的说明?
发布评论