[英]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.