微信小程序如何获取 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 元素的样式?的详细内容,更多请关注其它相关文章!