css3 算长度函数 |css 屏蔽半透明

## 1. getComputedStyle()

getComputedStyle()是CSS3中用于获取元素的当前样式的函数。它可以返回一个对象，该对象包含了元素的当前属性、样式和边框、背景等的值。例如，以下代码将获取一个元素的CSS样式并打印出来：

var element = document.getElementById(“myElement”);

var style = getComputedStyle(element);

console.log(style);

在上面的代码中，`getComputedStyle()`函数将`element`对象作为参数传入，并返回一个包含`style`属性的值的对象。这个对象包含了元素的当前样式，例如字体、颜色、大小、位置等。

## 2. getElementById()

getElementById()是CSS3中用于获取指定元素的函数。它可以返回一个DOM元素对象，该对象包含了指定元素的ID属性的值。例如，以下代码将获取一个ID为”myElement”的元素：

var element = document.getElementById(“myElement”);

在上面的代码中，`getElementById()`函数将`”myElement”`作为参数传入，并返回一个DOM元素对象。这个对象包含了指定元素的ID属性的值。

## 3. getElementsByClassName()

getElementsByClassName()是CSS3中用于获取指定类名下的所有元素的函数。它可以返回一个HTML集合对象，该对象包含了指定类名下的所有元素。例如，以下代码将获取一个类名为”myclass”的元素：

var elements = document.getElementsByClassName(“myclass”);

在上面的代码中，`getElementsByClassName()`函数将`”myclass”`作为参数传入，并返回一个HTML集合对象。这个对象包含了指定类名下的所有元素。

## 4. getLength()

getLength()是CSS3中用于获取元素长度的函数。它可以返回一个数字，表示元素的长度。例如，以下代码将获取一个元素的长度并打印出来：

var element = document.getElementById(“myElement”);

var length = getLength(element);

console.log(length);

在上面的代码中，`getLength()`函数将`element`对象作为参数传入，并返回一个数字。这个数字表示元素的长度。

## 5. getElementsByTagName()

## 6. getElementsByTagNameNS()

## 7. getElementsByTagNameAry()