Is it possible to insert javascript into Google Chrome's "Inspect Element"?

Question

If I click "Inspect Element" on a page in Google Chrome, is there a way for me to insert something like this (by clicking Edit HTML) to add a mouseover effect to the "a#link" element on the page?

$("a#link").mouseover(function() {
    $('div.linkcontents').slideDown("slow");
});

Answer 1

You don't even need the developer tools, how about just typing it in the browser address bar? Like this:

javascript:$("a#link").mouseover(function(){$('div.linkcontents').slideDown("slow");});

Answer 2

Chrome is not an editor so you can't just insert HTML code. However since javascript is a scripting language you can go to the javascript console under tools in Chrome where you can run javascript code although it will not save it in the website.