通过名字获取样式属性的方法

通过名字获取样式属性的方法可以通过JavaScript中的getComputedStyle()方法来实现。这个方法返回一个对象，该对象包含了指定元素的所有计算后的样式属性。

使用getComputedStyle()方法可以通过指定元素的名称或者类名来获取其样式属性。下面是获取样式属性的方法和使用示例：

1. 通过名称获取样式属性：

// HTML: <div id="myDiv"></div>

var element = document.getElementById("myDiv");
var style = window.getComputedStyle(element);

// 获取指定样式属性
var backgroundColor = style.getPropertyValue("background-color");
console.log(backgroundColor);  // 输出当前背景颜色值

2. 通过类名获取样式属性：

// HTML: <div class="myClass"></div>

var elements = document.getElementsByClassName("myClass");
var style = window.getComputedStyle(elements[0]);

// 获取指定样式属性
var fontSize = style.getPropertyValue("font-size");
console.log(fontSize);  // 输出当前字体尺寸值

3. 通过选择器获取样式属性：

// HTML: <p id="myParagraph" class="myClass"></p>

var element = document.querySelector("#myParagraph.myClass");
var style = window.getComputedStyle(element);

// 获取指定样式属性
var color = style.getPropertyValue("color");
console.log(color);  // 输出当前文本颜色值

注意事项：

- getComputedStyle()方法返回的样式属性值都是字符串形式，如果要进行计算或比较需要进行适当的类型转换。

- 如果在CSS样式表中没有指定某个属性，getComputedStyle()方法将返回默认值或默认样式。

- 如果需要获取元素的伪元素样式属性，可以在getComputedStyle()方法中传递第二个参数来指定伪元素：

var style = window.getComputedStyle(element, "::before");  // 获取伪元素前的样式属性

总结来说，通过名字获取样式属性的方法使用getComputedStyle()函数。该方法可通过元素的名称、类名或选择器来获取指定元素的计算后样式属性，可以在需要时使用适当的类型转换对返回的属性值进行后续操作。