diff --git a/blog_posts/select-focused-dom-element.md b/blog_posts/select-focused-dom-element.md
new file mode 100644
index 000000000..bf1ea1872
--- /dev/null
+++ b/blog_posts/select-focused-dom-element.md
@@ -0,0 +1,20 @@
+---
+title: "Tip: Select the focused DOM element"
+shortTitle: Focused DOM element
+type: tip
+tags: javascript,browser
+expertise: beginner
+author: chalarangelo
+cover: blog_images/horse-sunset.jpg
+excerpt: Here's a quick and easy way to select the currently focused DOM element in JavaScript.
+firstSeen: 2022-10-23T05:00:00-04:00
+---
+
+Finding the currently focused DOM element is trivial in modern CSS, using the `:focus` selector. You can also use it in JavaScript, in combination with `Document.querySelector()` to find the focused element. Yet, there's an even easier way to get the currently focused element in JavaScript, using the `Document.activeElement` property.
+
+```js
+const focusedElement = document.activeElement;
+// `focusedElement` is the currently focused element
+```
+
+Note that focusable elements vary depending on browser and operating system. Additionally, you should remember that focus and selection (i.e. content highlighting) are not the same thing.