Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过JS和Jquery获取CSS元素值_Javascript_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 通过JS和Jquery获取CSS元素值

Javascript 通过JS和Jquery获取CSS元素值

javascript jquery css

Javascript 通过JS和Jquery获取CSS元素值,javascript,jquery,css,Javascript,Jquery,Css,我用3种方式插入css 内联样式（p1） 内部样式表（p2） 外部样式表（p3） 我想通过Javascript&&Jquery获得每个css的值。请告诉我怎么做 我不能用和p1相同的方法得到p2，p3的值。怎么了 非常感谢 window.onload=abc（）； 函数abc（）{ var p1=document.getElementById（'p1'）.style.height； document.getElementById（'p1'）。innerHTML=p1； var p2=doc

我用3种方式插入css

  • 内联样式（p1）
  • 内部样式表（p2）
  • 外部样式表（p3）
我想通过Javascript&&Jquery获得每个css的值。请告诉我怎么做

我不能用和p1相同的方法得到p2，p3的值。怎么了

非常感谢

window.onload=abc（）；
函数abc（）{
var p1=document.getElementById（'p1'）.style.height；
document.getElementById（'p1'）。innerHTML=p1；
var p2=document.getElementById（'p2'）.style.width；
document.getElementById（'p2'）。innerHTML=p2；
var p3=document.getElementById（'p3'）.style.height；
document.getElementById（'p3'）。innerHTML=p3；
}
#p3{
宽度：200px；
高度：200px；
背景色：浅绿色；
}

CSS元素输出
CSS输出元素属性
检查p1
检查p2
#p2{
高度：50px；
宽度：400px；
背景色：深蓝色
}
检查p3
使用点表示法时，要求的是属性。只有第一个元素具有
style
属性，所以这就是为什么只有第一次尝试才有效。

您可以使用
window.getComputedStyle（）获取样式属性的值和
getPropertyValue（）
请参见下面的示例代码以获取元素p2的高度值：


var element = document.getElementById('p2'),
    style = window.getComputedStyle(element),
    res = style.getPropertyValue('height');

alert(res);



你能把p2和p3改成显示吗？这让我很困惑，因为我是个新手可能重复的