RobinNixon
30 lines
822 B
HTML
30 lines
822 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Modifying The DOM</title>
|
|
<script src='jquery-3.5.1.min.js'></script>
|
|
</head>
|
|
<body>
|
|
<h2>Example Document</h2>
|
|
<a href='http://google.com' title='Google'>Visit Google</a>
|
|
<code>
|
|
This is a code section
|
|
</code>
|
|
<p>
|
|
<button id='a'>Remove the image</button>
|
|
<button id='b'>Empty the quote</button>
|
|
</p>
|
|
<img id='ball' src='ball.png'>
|
|
<blockquote id='quote' style='border:1px dotted #444; height:20px;'>
|
|
test
|
|
</blockquote>
|
|
<script>
|
|
$('a').prepend('Link: ')
|
|
$("[href^='http']").append(" <img src='link.png'>")
|
|
$('code').before('<hr>').after('<hr>')
|
|
$('#a').click(function() { $('#ball').remove() } )
|
|
$('#b').click(function() { $('#quote').empty() } )
|
|
</script>
|
|
</body>
|
|
</html>
|