例如:我想获取当前为黄色的身体背景色并将其更改为蓝色:
document.body.style.backgroundColor = document.body.style.backgroundColor.replace("yellow", "blue");
它不起作用,为什么??那么如何使用javascript更改正文的背景颜色呢?主要问题是为什么我不能在document.body.style.backgroundColor
上使用.replace
方法
以下内容就足够了:
document.body.style.backgroundColor = 'blue';
在您的代码中,如果backgroundColor
有yellow
它将替换为 blue
。如果这是您需要的,我认为最好在更换之前使用toLowerCase()
方法。
document.body.style.backgroundColor =
document.body.style.backgroundColor.toLowerCase().replace("yellow", "blue");
您还可以使用正则表达式(如 @nnnnnn 建议的那样)将替换为区分大小写;
document.body.style.backgroundColor =
document.body.style.backgroundColor.replace(/yellow/i, "blue");
当然
,你可以检查这个小提琴 http://jsfiddle.net/thefourtheye/PexeK/
<body style="background-color:yellow">
<input type="button" onclick="changeColor()" value="Change Color" />
</body>
<script>
function changeColor() {
document.body.style.backgroundColor = document.body.style.backgroundColor.replace("yellow", "blue");
}
</script>