Element对象_方法

Element.focus()

Element.focus方法用于将当前页面的焦点，转移到指定元素上

xxxxxxxxxx
document.getElementById('my-span').focus();

Element.blur()

Element.blur方法用于将焦点从当前元素移除

Element.remove()

Element.remove方法用于将当前元素节点从它的父节点移除

xxxxxxxxxx
var el = document.getElementById('mydiv');
el.remove();

Element.getBoundingClientRect()

Element.getBoundingClientRect方法返回一个对象，提供当前元素节点的大小、位置等信息，基本上就是 CSS 盒状模型的所有信息

xxxxxxxxxx
var rect = obj.getBoundingClientRect();

getBoundingClientRect方法返回的rect对象，具有以下属性（全部为只读）

• x：元素左上角相对于视口的横坐标
• y：元素左上角相对于视口的纵坐标
• height：元素高度
• width：元素宽度
• left：元素左上角相对于视口的横坐标，与x属性相等
• right：元素右边界相对于视口的横坐标（等于x + width）
• top：元素顶部相对于视口的纵坐标，与y属性相等
• bottom：元素底部相对于视口的纵坐标（等于y + height）

实时效果反馈

1. 下列那个方法可以让元素获得焦点：

A focus()

B blur()

C remove()

D getBoundingClientRect()

答案

1=>A