我有一些简单的JavaScript来影响风格的变化:
sel = document.getElementById('my_id');
sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected');
return false;
这适用于最新版本的FF、Opera和IE，但不适用于最新版本的Chrome和Safari。
它会影响两个后代，而这两个后代恰好是兄弟姐妹。第一个兄弟更新，但第二个没有。第二个元素的子元素也有焦点，并包含< A >标记，该标记在onclick属性中包含上述代码。
在Chrome的“开发人员工具”窗口中，如果我轻推(例如取消勾选&勾选)任何元素的任何属性，第二个兄弟更新为正确的样式。
是否有一种解决方法可以简单地通过编程“推动”WebKit做正确的事情?
当前回答
一个简单的解决方案与jquery:
$el.html($el.html());
or
element.innerHTML = element.innerHTML;
有一个SVG，当它被添加到html时不显示。
这可以在svg元素出现在屏幕上之后添加。
更好的解决方案是使用:
document.createElementNS('http://www.w3.org/2000/svg', 'svg');
使用jQuery:
$(svgDiv).append($(document.createElementNS('http://www.w3.org/2000/svg', 'g'));
这将在Chrome上正确渲染。
其他回答
我也有同样的问题。danorton的“切换显示”修复在添加到我的动画的阶跃功能时确实为我工作，但我担心性能，我寻找其他选项。
在我的情况下，没有重绘的元素位于绝对位置元素中，当时它没有z指数。添加一个z-index到这个元素改变了Chrome的行为和重绘发生的预期->动画变得流畅。
我怀疑这是灵丹妙药，我想这取决于为什么Chrome选择不重画元素，但我在这里发布这个具体的解决方案，希望有人帮助。
欢呼, 抢劫
尝试为元素或其父元素添加z-index。
一个简单的解决方案与jquery:
$el.html($el.html());
or
element.innerHTML = element.innerHTML;
有一个SVG，当它被添加到html时不显示。
这可以在svg元素出现在屏幕上之后添加。
更好的解决方案是使用:
document.createElementNS('http://www.w3.org/2000/svg', 'svg');
使用jQuery:
$(svgDiv).append($(document.createElementNS('http://www.w3.org/2000/svg', 'g'));
这将在Chrome上正确渲染。
由于显示+偏移触发不适合我，我在这里找到了一个解决方案:
http://mir.aculo.us/2009/09/25/force-redraw-dom-technique-for-webkit-based-browsers/
i.e.
element.style.webkitTransform = 'scale(1)';
我正在开发ionic html5应用程序，在少数屏幕上我有绝对定位元素，当在IOS设备(iPhone 4,5,6,6 +)上向上或向下滚动时，我有重绘错误。
尝试了许多解决方案，没有一个是有效的，只有这个解决了我的问题。
我使用css类。fixrepaint这些绝对位置的元素
.fixRepaint{
transform: translateZ(0);
}
这已经解决了我的问题，它可能会帮助别人
我建议使用一种不那么粗鲁和更正式的方式强制回流:使用forceDOMReflowJS。在您的示例中，您的代码将如下所示。
sel = document.getElementById('my_id');
forceReflowJS( sel );
return false;
