javascript - 显示元素后设置innerhtml

Question

显示元素后设置元素的html是否可以。在这种情况下，用户是否会发现任何明显的差异。例如。

$("#abc").show();
$("#abc").append("<div>Test div</div>");

另外我想知道这是否会导致不需要的浏览器重绘。

谢谢，高瑟姆

Answer 1

可能这会有所帮助：小提琴

$('button').click(function () {
   console.log('Height is ' + $("#abc").height() + ' before show.');
   $("#abc").show();
   console.log('Height is ' + $("#abc").height() + ' after show.');
   $("#abc").append("<div>Test div</div>");
   console.log('Height is ' + $("#abc").height() + ' after filling.');
});

输出：

Height is 0 before show.
Height is 0 after show.
Height is 20 after filling.

浏览器重排重绘以获取信息