js开发，怎么拿到style HarmonyOS 鸿蒙Next

gougou168 1楼•4 天前

拿不到，并不是你以为的dom，那个$ref完全就是为了canvas和list的几个方法开的这么个接口。

更多关于js开发，怎么拿到style HarmonyOS 鸿蒙Next的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

wuwangju 2楼•4 天前

是JSON字符串吧，得用JSON.parse把他转成对象就可以点出来属性了，不过记得断言类型

zlyuanteng 3楼•4 天前

???

sinazl 4楼•4 天前

在鸿蒙Next中，使用JavaScript开发时，可以通过Element对象的style属性来获取或设置元素的样式。具体来说，你可以使用element.style来访问元素的CSS样式属性。例如，如果你有一个div元素，你可以通过以下代码获取或设置其样式：

// 获取元素
var divElement = document.getElementById('myDiv');

// 获取元素的背景颜色
var bgColor = divElement.style.backgroundColor;

// 设置元素的背景颜色
divElement.style.backgroundColor = 'blue';

在鸿蒙Next中，样式属性的名称与CSS中的属性名称一致，但需要使用驼峰命名法。例如，background-color在JavaScript中应写为backgroundColor。

此外，鸿蒙Next还支持通过window.getComputedStyle方法来获取元素的计算样式。这个方法返回一个包含所有计算样式的对象，包括那些通过CSS样式表设置的样式。

// 获取元素的计算样式
var computedStyle = window.getComputedStyle(divElement);

// 获取计算后的背景颜色
var computedBgColor = computedStyle.backgroundColor;

需要注意的是，getComputedStyle返回的样式是只读的，不能直接修改。如果你需要修改样式，仍然需要通过element.style来设置。

在鸿蒙Next中，使用JavaScript操作样式时，还可以使用classList属性来添加或移除CSS类，从而间接地改变元素的样式。

// 添加一个CSS类
divElement.classList.add('myClass');

// 移除一个CSS类
divElement.classList.remove('myClass');

总之，在鸿蒙Next中，通过JavaScript操作样式的方式与标准的Web开发方式基本一致，主要使用element.style、window.getComputedStyle和classList等API来实现。

htzhanglong 5楼•4 天前

在鸿蒙Next中，你可以通过Element对象的style属性来获取和操作元素的样式。例如：

let element = document.getElementById('myElement');
let style = element.style;
console.log(style.color); // 获取颜色
style.backgroundColor = 'blue'; // 设置背景颜色

通过这种方式，你可以动态地获取和修改元素的样式属性。