abdullah/til
1
0
Fork 0
mirror of https://github.com/jbranchaud/til synced 2026-01-07 09:08:01 +00:00
Code Issues Projects Releases Wiki Activity

Add Reference The Selected Node as a chrome til

Browse Source
This commit is contained in:
jbranchaud
2016-03-16 21:29:25 -05:00
parent f858a64aa7
commit cafb558c03
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@@ -7,12 +7,13 @@ variety of languages and technologies. These are things that don't really
warrant a full blog post. These are mostly things I learn by pairing with warrant a full blog post. These are mostly things I learn by pairing with
smart people at [Hashrocket](http://hashrocket.com/). smart people at [Hashrocket](http://hashrocket.com/).
_365 TILs and counting..._ _366 TILs and counting..._
--- ---
### Categories ### Categories
* [Chrome](#chrome)
* [Clojure](#clojure) * [Clojure](#clojure)
* [Devops](#devops) * [Devops](#devops)
* [Elixir](#elixir) * [Elixir](#elixir)
@@ -30,6 +31,10 @@ _365 TILs and counting..._
--- ---
### Chrome
- [Reference The Selected Node](chrome/reference-the-selected-node.md)
### Clojure ### Clojure
- [Aggregation Using merge-with](clojure/aggregation-using-merge-with.md) - [Aggregation Using merge-with](clojure/aggregation-using-merge-with.md)

20
chrome/reference-the-selected-node.md Normal file
View File

@@ -0,0 +1,20 @@
# Reference The Selected Node
In the Chrome dev tools, if you've selected (highlighted) a node in the DOM,
you can reference that node from the console with `$0`. This is handy if you
are debugging or exploring certain parts of a page and need to run commands
against that node. For instance, if you were to select the `<html>` node in
the DOM, you could then programmatically check the `lang` attribute from the
console like so:
```
> $0.lang
// "en-US"
```
If there is `jQuery` on the page and I've selected the node that contains
all of the page's content, I can do something like the following:
```
> $($0).html('<h1>Hello, World!</h1>')
```