Question

我想使用JS获取当前元素的计算样式，我能够获取其他属性，但是当它来到css时我会陷入困境。

这是我的代码，请帮忙

 document.addEventListener("click", function (e) {
 e.preventDefault();
 var dom_id = e.target.id.toString();

 var dom_class = e.target.className.toString();
 var dom_el = e.target.toString();
 var dom_html = e.target.innerHTML;


  document.getElementById('ospy_id').value = dom_id;
  document.getElementById('ospy_class').value = dom_class;
  document.getElementById('ospy_el').value = dom_el;
           }, 
    false);

Answer 1

使用以下语句获取任何元素的css

document.getElementById(elementid).style.property

example:
document.getElementById("ospy_class").style.color

Answer 2

如果您正在使用jquery（基于您的标签），您可以按照以下方式执行操作：

  $("#elementID").css("color");

等...... Documentation

Answer 3

这不是jQuery，但是在Firefox，Opera和Safari中你可以使用 window.getComputedStyle（element）来获取元素的计算样式，在IE中你可以使用 element.currentStyle 的。返回的对象在每种情况下都是不同的，我不确定使用Javascript创建的元素和样式有多好，但也许它们会很有用。

请参阅下面的网址...

jQuery CSS plugin that returns computed style of element to pseudo clone that element?

如何获取当前元素的计算样式

3 个答案: