css属性都是空白的javascript

我正在使用jQuery编辑html元素，使用。如果我尝试记录任何属性，那么即使我已将属性设置为css文件中的某个内容，我也只会得到“”

---

为什么会这样？javascript文件不能访问css属性吗？

因为我不清楚您指的是css属性还是DOM元素属性，下面对这两种属性进行解释：

要在读取某些元素的属性（在本例中为

值

）之前遍历这些元素，可以执行以下操作：

$('.element').each(function(){
    console.log( $(this).attr('value') );
});

$('p').each(function(){
    console.log( $(this).css('width') );
});

要在读取某些元素的CSS属性之前遍历这些元素，可以执行以下操作：

$('.element').each(function(){
    console.log( $(this).attr('value') );
});

$('p').each(function(){
    console.log( $(this).css('width') );
});

---

查看控制台以查看正在输出的三个元素宽度：

Post sample code

.css

只能访问

style=“…”

属性中的属性，或者是由

.css（）

动态添加的属性。它不会返回从样式表继承的属性。要获取继承的属性，必须使用本机Javascript

getComputedStyle

函数。获取计算元素并不是那么简单。见我上面提到的问题。