微信小程序如何获取 DOM 元素的样式？

一分耕耘，一分收获！既然都打开这篇《微信小程序如何获取 DOM 元素的样式？ 》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

微信小程序能否获取 DOM 的样式？

如果元素的 class 设置了背景色，但你想要获取该元素的样式，并且该样式不是行内样式，那么是否可以通过微信小程序实现呢？

根据小程序的设计理念，获取 DOM 属性通常是不被支持的。因此，直接尝试获取 DOM 样式很可能不会成功。

不过，你可以尝试使用 querySelector 或 getElement* 方法获取 DOM 元素。如果这两种方法也无法奏效，则需要考虑转换思路。

通常，建议将需要操作的颜色值和属性/状态放在一起管理，以便于使用。例如：

export const orderProcess = {
  default: { label: '默认', color: '#848484', key: 0 },
  pre: { label: '沟通中', color: '#ffd36e', key: 1 },
  ...
  finish: { label: '订单完成', color: '#87d068', key: 8 },
  cancel: { label: '作废', color: '#dedede', key: -1 },
}

// 获取订单状态
export const getOrderProcess = function (key) {
  const finder = orderProcessList.find(item => item.key === Number(key))
  return finder || ErrorData
}

理论要掌握，实操不能落！以上关于《微信小程序如何获取 DOM 元素的样式？ 》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！