abdullah/til
1
0
Fork 0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 15:18: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

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>')
```