网页交互开发高级第九章课后习题及答案

课后习题：

一、 填空题

1. 通过______来获取元素到设置了定位的父元素顶部的距离。

2. ______用来获取带有定位的父元素。

3. offsetWidth包含padding、border、     的值。

二、 判断题

1. scrollTop和scrollLeft是获取被滚动出去的距离。（  ）

2. offset系列是只读属性。（  ）

3. style可以得到任意样式表中的样式值。（  ）

三、 选择题

1. 以下关于offset系列属性和style属性的说法，正确的是（  ）。

A. 通过style属性获取到的样式结果是字符串型，通过offset系列获取到的属性值是数字型

B. offset系列属性和style属性一样，都可以获取到元素的行内样式

C. style属性只能获取元素的行内样式，offset系列属性能获取到元素的所有样式

D. 以上说法都不正确

2. 下列关于offsetWidth和offsetHeight的说法，正确的是（  ）。

A. 这两个属性用来表示内容的大小，不包括边框和内边距

B．通过offsetWidth可以设置元素的宽度

C. 这两个属性值的结果是字符串类型的数据，默认单位是px

D. 这两个属性是只读属性

3. 下列关于offsetParent的说法，正确的是（  ）。

A. offsetParent获取到的是元素的父元素

B. offsetParent属性和parentNode属性的含义一样

C. offsetParent属性用来获取离这个元素最近的绝对定位父元素

D. 以上说法都错误

四、 简答题

1. 请简述offset系列属性有哪些。

2. 请简述offset和style的区别。

3. 请简述offsetParent和parentNode的区别。

答案：

一、 填空题

1. offsetTop

2. offsetParent

3. 内容区域的宽度

二、 判断题

1. 对

2. 对

3. 错

三、 选择题

1. ABC

2. D

3. D

四、 简答题

1. 请简述offset系列属性有哪些。

offsetLeft：返回元素相对带有定位父元素左边框的偏移。

offsetTop：返回元素相对带有定位父元素上方的偏移。

offsetWidth：返回自身的宽度（包括padding、边框和内容区域的宽度），注意返回数值不带单位。

offsetHeight：返回自身的高度（包括padding、边框和内容区域的高度），注意返回数值不带单位。

offsetParent：返回作为该元素带有定位元素的父级元素（如果父级都没有定位则返回body）。

2. 请简述offset和style的区别。

offset可以得到任意样式表中的样式值，而style只能得到行内样式表中的样式值。

offset系列获得的数值是没有单位的，而style.width获得的是带有单位的字符串。

offsetWidth包含padding、border、width的值，而style.width获得的是不包含padding、border的值。

offsetwidth等属性是只读属性，只能获取不能赋值，而style.width是可读写属性，可以获取也可以赋值。

3. 请简述offsetParent和parentNode的区别。

offsetParent：返回作为该元素带有定位元素的父级元素（如果父级都没有定位则返回body）。

parentNode:用来返回某个指定节点的父节点。