Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.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 更改样式以匹配另一个元素';加载和更改样式后的s样式_Javascript_Html_Css - Fatal编程技术网

Javascript 更改样式以匹配另一个元素';加载和更改样式后的s样式

Javascript 更改样式以匹配另一个元素';加载和更改样式后的s样式,javascript,html,css,Javascript,Html,Css,我对这个代码有问题。我希望文本颜色与div的背景颜色相同,这样我就可以使用css的反转功能。我希望它是动态变化的。我试着将触发器从onload改为onmouseover,这很有效,但没有意义 是否有一种方法可以让它作为onload工作,并且当我使用例如Chrome Inspection更改div的背景色时也可以 函数getColor(){ document.getElementById('text1').style.color=document.getElementById('div1').s

我对这个代码有问题。我希望文本颜色与div的背景颜色相同,这样我就可以使用css的反转功能。我希望它是动态变化的。我试着将触发器从onload改为onmouseover,这很有效,但没有意义

是否有一种方法可以让它作为onload工作,并且当我使用例如Chrome Inspection更改div的背景色时也可以

函数getColor(){ document.getElementById('text1').style.color=document.getElementById('div1').style.backgroundColor; }

示例文本
函数getColor(){ document.getElementById('text1').style.color=document.getElementById('div1').style.backgroundColor; }

示例文本
函数getColor(){ document.getElementById('text1').style.color=document.getElementById('div1').style.backgroundColor; }

示例文本

安装使用函数在JS中设置它而不使用函数并删除
onload=“getColor();”
,它将在JS加载时完成

var color=document.getElementById('div1').style.backgroundColor;
document.getElementById('text1')。style.color=color;

示例文本

安装使用函数在JS中设置它而不使用函数并删除
onload=“getColor();”
,它将在JS加载时完成

var color=document.getElementById('div1').style.backgroundColor;
document.getElementById('text1')。style.color=color;

示例文本

如果您想要这种效果,可以在css中使用
混合模式
,^请注意,这还没有得到广泛支持。好的,谢谢,伙计们。我还是不明白为什么人们会否决这个问题。我的意思是,我知道这并没有那么聪明和难,但这是我的问题,我几乎没有11点声誉点……支持否决票的帮助文本说“这个问题没有显示任何研究成果;它不清楚或没有用处”。我不会太在意这件事;一个人认为你的问题不清楚,也没有帮助。这不是对你的反映,只是某人对这个问题的看法。如果你想要这种效果,你可以在css中使用
mix-blend mode
,^注意,这还没有得到广泛的支持。好的,谢谢,伙计们。我还是不明白为什么人们会否决这个问题。我的意思是,我知道这并没有那么聪明和难,但这是我的问题,我几乎没有11点声誉点……支持否决票的帮助文本说“这个问题没有显示任何研究成果;它不清楚或没有用处”。我不会太在意这件事;一个人认为你的问题不清楚,也没有帮助。这不是对你的反映,只是某人对这个问题的看法。我实际上想让这个问题变得动态,因此如果我用另一个脚本更改背景颜色,它将自动应用。因此,请使用css
mix-blend
@15009; 15004;ההה小心,因为混合模式目前没有得到广泛支持。caniuse.com/#search=mix-blend mode我实际上想让它变得动态,因此如果我用另一个脚本更改背景颜色,它将自动应用。所以使用css
mix-blend
@15009;נץ•הה小心,因为混合混合模式目前没有得到广泛支持。caniuse.com/#search=混合模式