簡體   English   中英

我可以將javascript和方法中的屬性鏈接在一起嗎?

[英]Can I chain property in javascript and method together?

例如:我想獲取當前為黃色的主體的背景色並將其更改為藍色:

   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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM