[英]How to dynamically change HTML background using C# in Blazor
Javascript 可以輕松操作 DOM 元素以及 css 以動態更改應用程序的外觀。 我想在 blazor 應用程序中使用 c# 動態更改 DOM 元素的背景圖像。
document.getElementById('the_body').style.backgroundImage = "something.gif" $('body').css('backgroundImage', 'url(something.gif)');
body { background: #000000 url(images/back_all.gif) repeat-x top; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #666666; }
如何在 C# Blazor 應用程序中獲得相同的結果?
要更改組件中元素的背景(或任何相關內容),您可以聲明私有字段,或使用一些類似的模式:
<div style="background-image: url(@backgroundUrl)">
</div>
<button type="button" @onclick="ChangeBackground">Change above div's background</button>
@code {
string backgroundUrl = "default.jpg";
private void ChangeBackground()
{
backgroundUrl = "some-other-image.jpg";
StateHasChanged();
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.