<!DOCTYPE html>
<a href="/">link before target</a>
<div id="target">
<button>Enter fullscreen</button>
<a href="/">link inside target</a>
</div>
<a href="/">link after target</a>
<script>
const target = document.getElementById('target');
const button = document.querySelector('button');
button.addEventListener('click', function() {
target.webkitRequestFullscreen();
});
document.onwebkitfullscreenchange = function() {
button.setAttribute('aria-label', 'Done');
}
</script>