如何用js获取div下的A标签,并自动点击超链接

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并且其中有一个div中有a标签。

2、在index.html的<script>标签中，输入js代码：window.location.href = 'http://' + $('div a').attr('href')。

3、浏览器运行index.html页面，此时取出了div中a标签中的百度知道链接并自动点击跳转了。

用onclick开启一个事件，然后打开窗口，在css中定义鼠标的形状。

可以把<div>想象成一个盒子，也可以把它想成一个容器。

一·页面的构成元素形状都是矩形的，严格的说，元素形成了一个矩形的区域，这个区域就是CSS中最基本的布局要素，      常被称作"box"，你可以在很多W3CCSS2.1规范的原文中看到"box"这个字眼。

二·"BoxModule"，通常被译作“盒子模型”，有的地方被译作“框模型”。      因为W3C的很多地方用到了"box"这个词，有些地方译作“盒子”不大通顺，所以也可译作“框”。

三·为了给文档树中的各个元素排版定位（布局），浏览器会根据渲染模型为每个元素生成四个嵌套的矩形框，

分别称作contentbox、paddingbox、borderbox和marginbox，它们是不可分割的，并可能会重合，

这就是CSS规范中描述的“框模型”（boxmodel）。它是以CSS的角度去看一个元素被渲染后的抽象形态。

在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构，展示，和交互。

在web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。

1、首先创建一个html文件一个css样式表文件。

2、在html文件中创建一个div,并且类命名为tab1。

3、这里的背景使用纯色的背景，还没有用背景图片。

4、在css文件中对div内容进行样式的设置，首先插入背景图片，因为背景图片的尺寸比div尺寸大出许多，所以网页显示出的背景只是背景图片的一部分。

5、对背景图片的尺寸大小以及设置是否重复显示背景图片。

6、为了使整个div都是这个背景图片使用了百分比进行设置。

---