【问题标题】:css attributes all blank javascript [duplicate]css属性所有空白的javascript [重复]
【发布时间】:2017-08-17 23:06:05
【问题描述】:

我正在使用 jQuery 编辑 html 元素,使用 .each 对所有类进行编辑。如果我尝试记录任何属性,那么即使我已将属性设置为我的 css 文件中的某些内容,我也会得到“”。

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

【问题讨论】:

  • 发布示例代码
  • .css 只能访问style="..." 属性中的属性,或者由.css() 动态添加的属性。它不返回从样式表继承的属性。
  • 要获取继承属性,必须使用原生JavascriptgetComputedStyle函数。
  • 获取计算元素并不是那么简单。请参阅我上面提到的问题。

标签: javascript jquery html css attributes


【解决方案1】:

由于我不清楚您是指 CSS 属性还是 DOM 元素属性,以下是两者的解释:

要在读取某些元素(在本例中为 value)属性之前遍历某些元素,您可以这样做:

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

要在读取其 CSS 属性之前遍历某些元素,您可以这样做:

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

查看控制台查看正在输出的三个元素宽度:https://jsfiddle.net/nrfxn9nb/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-11
    • 2019-12-14
    相关资源
    最近更新 更多