Aspnetcore: [Blazor] Прямое манипулирование DOM с помощью C #

Созданный на 22 янв. 2019 · 3Комментарии · Источник: dotnet/aspnetcore

Ваш запрос функции связан с проблемой? Пожалуйста, опишите.

Можно ли будет управлять DOM из кода C # напрямую, не вызывая функции javascript?

Я думал о таких основах

var elem = document.getElementById("123");

elem.AddOrUpdateStyle("background-color", "red");
elem.AddOrUpdateStyle("height", "150px");
elem.Remove("height");

var boxes = document.getElementsByClassName("box");

foreach (var box in boxes)
{
   if (box.Classes.Contains("hidden"))
   {
      box.AddOrUpdateStyle("display", "none");
      continue;
   }

   box.Value = "";
   box.SetAttribute("placeholder", "Type here...");
}

Это вообще достижимо?

area-blazor

Источник

dotNETSanta

Самый полезный комментарий

Я считаю, что этот вопрос следует снова открыть. Компоненты Razor должны иметь эту возможность, даже если это делается с помощью JS-взаимодействия под капотом. ElementRef следует расширить для поддержки большинства основных функций JS.

IvanJosipovic 13 мар. 2019

👍17 🚀2 👀1

Все 3 Комментарий

Манипуляции с DOM в настоящее время не поддерживаются веб-сборкой (https://github.com/WebAssembly/proposals/issues/16, https://github.com/WebAssembly/design/blob/master/Web.md), поэтому он выиграл скоро не будет поддерживаться mono wasm. Вы можете сделать это только используя текущее состояние Blazor: пользовательский компонент и взаимодействие JS.