用new方法生成一个img对象和document.createElement方法创建一个img对象的区别

我用两种方法来生成img对象，第一种方法是用new方法，第二种方法是用document.createElement方法。

var img1 = new Image();
var img2 = document.createElement('img');

其实，乍一看，感觉有些不同，但是具体什么不同，一下子也说不上来。

在console窗口，比较看看，都是生成img对象，节点名称都一样。

接下来，我来比较一下它们的node类型

结果nodeType也是一样的，都属于元素节点。

节点类型常用的有3种，元素节点Node.ELEMENT_NODE(1)；属性节点Node.ATTRIBUTE_NODE(2)以及文本节点Node.TEXT_NODE(3)。

从类型和名称上看，这两种方法创建的img节点是没有什么不同的。

最后，比较一下效率吧。分别运算10万次。

	var time1= new Date() - 0;
        for(var i = 0; i < 100000; i++) {
            var img1 = new Image();
        }
        var time2 = new Date() - 0;
        console.log('the first time is ' + (time2 - time1));


        var time3= new Date() - 0;
        for(var i = 0; i < 100000; i++) {
            var img1 = document.createElement('img'); 
        }
        var time4 = new Date() - 0;
        console.log('the second time is ' + (time4 - time3));

得出的结论是document.createElement()方法的效率更好！