我可以将javascript和方法中的属性链接在一起吗?

Can I chain property in javascript and method together?

本文关键字：链接 属性 在一起 javascript 方法 我可以      更新时间：2023-09-26

例如：我想获取当前为黄色的身体背景色并将其更改为蓝色： 

   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>
相关文章：