已知HTML如下：<style>a{display:block...

Question

已知HTML如下：

<style>

a { display: block }

h1 { background: url(logo.png) }

</style>

<header>

<a href="./" class="logo">

<h1>hr门户系统</h1>

</a>

<nav>

<a href accesskey="1">导航1</a>

<a href class="active" accesskey="2">导航2</a>

<a href accesskey="3">导航3</a>

</nav>

</header>

1. 请使用JS代码获得<h1>标签里面的文字内容

2. 请使用JS代码获得类名为.active元素的accesskey属性值

3. 请使用JS代码获得<header>元素的高度（包括border大小）

4. 请使用JS代码获得<h1>元素的背景图片

5. 请使用JS判断<header>元素是否在浏览器窗口内

6. 请使用JS在<nav>元素后面插入<a href accesskey="4">导航4</a>结构

7. 请使用JS删除.logo类名对应的DOM元素

8. 请使用JS实现点击页面上任意链接都不刷新