Javascript 元素读取属性

在Javascript中，我们经常需要读取元素的属性。元素的属性包括了元素的属性及其CSS样式。

通过ID读取元素

假设我们有一个元素，它的ID为myElement。我们可以通过以下代码来获取这个元素：

var element = document.getElementById('myElement');

这个代码中，我们使用document.getElementById方法来获取myElement元素。这个方法会返回一个元素对象，我们可以使用这个对象来进一步操控这个元素。

读取元素的属性

元素有一些内置的属性，比如id、title等等。我们可以通过这些属性来读取元素的属性值。以下是一个例子：

var element = document.getElementById('myElement');
var id = element.id;
var title = element.title;

在上面的代码中，我们首先获取了myElement元素。接着，我们通过id和title属性来获取这个元素的id和title属性值。

读取CSS样式

除了读取内置的元素属性，我们还可以读取元素的CSS样式。以下是一个例子：

var element = document.getElementById('myElement');
var backgroundColor = element.style.backgroundColor;
var color = element.style.color;

在上面的代码中，我们先获取了myElement元素。接着，我们通过元素的style属性来获取元素的CSS样式。注意，我们只能获取行内样式，也就是通过style属性直接设置的样式。如果元素的样式是从一个CSS文件中读取的，我们无法用这个方法来获取样式。

总结

在Javascript中，我们可以通过document.getElementById方法来获取任意一个元素。一旦获取了这个元素，我们就可以通过它的内置属性和CSS样式来读取它的属性值。