Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.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 DOM元素优势_Javascript_Dom - Fatal编程技术网

javascript DOM元素优势

javascript DOM元素优势,javascript,dom,Javascript,Dom,当我们可以使用父元素的innerHTML添加元素时,为什么要使用DOM添加元素(document.createElement(“div”);)。我认为这可能与事件绑定有关,但事实并非如此。我阅读了DOM和创建元素的理论,但不理解它。有人能用更好的方式解释它吗?因为你经常想用属性来修饰元素,添加样式等等。。。当您使用innerHTML执行此操作时 var a = document.createElement('div'); a.setAttribute('class', 'red'); a.add

当我们可以使用父元素的
innerHTML
添加元素时,为什么要使用DOM添加元素(
document.createElement(“div”);
)。我认为这可能与事件绑定有关,但事实并非如此。我阅读了DOM和创建元素的理论,但不理解它。有人能用更好的方式解释它吗?

因为你经常想用属性来修饰元素,添加样式等等。。。当您使用innerHTML执行此操作时

var a = document.createElement('div');
a.setAttribute('class', 'red');
a.addEventListener('click',callback);

在一天之中,您拥有更干净、更易于维护的代码。而且您不需要多次访问dom。。。。因为与dom的交互很慢。

抱歉,但仍然很困惑,我也可以这样做“document.getElementById(“new1”)。innerHTML=”什么是“dom和创建元素的理论”?你有链接吗?否则我们不知道你到底不理解什么,以及准确地解释什么。可能的重复