diff --git a/packages/components/dropdown/src/dropdown.vue b/packages/components/dropdown/src/dropdown.vue
index 28804c7d97..889e4c7198 100644
--- a/packages/components/dropdown/src/dropdown.vue
+++ b/packages/components/dropdown/src/dropdown.vue
@@ -159,9 +159,8 @@ export default defineComponent({
 
     const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)
     const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {
-      const _: any =
-        (triggerVnode.value?.$refs.triggerRef as HTMLElement)?.children[0] ?? {}
-      return !props.splitButton ? _ : _.children?.[1]
+      const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)?.children[0]
+      return !props.splitButton ? _ : _?.children?.[1]
     })
 
     function handleClick() {
diff --git a/packages/utils/dom.ts b/packages/utils/dom.ts
index 0cc9f9a1c1..77cb61a527 100644
--- a/packages/utils/dom.ts
+++ b/packages/utils/dom.ts
@@ -17,7 +17,7 @@ export const on = function(
   useCapture = false,
 ): void {
   if (element && event && handler) {
-    element.addEventListener(event, handler, useCapture)
+    element?.addEventListener(event, handler, useCapture)
   }
 }
 
@@ -29,7 +29,7 @@ export const off = function(
   useCapture = false,
 ): void {
   if (element && event && handler) {
-    element.removeEventListener(event, handler, useCapture)
+    element?.removeEventListener(event, handler, useCapture)
   }
 }