微信小程序如何获取 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 }