课程: JavaScript Essential Training

今天就学习课程吧！

今天就开通帐号，24,600 门业界名师课程任您挑！

Add DOM elements

Add DOM elements - JavaScript教程

课程: JavaScript Essential Training

开始一个月试用 购买团队方案

Add DOM elements

“

- [Instructor] In the example project, I used this template literal to create HTML and then added that HTML to the existing document by targeting an existing element and replacing its internal HTML using the inner HTML property. All that functionality is down here, and we've now covered all the features that make this possible. This is an effective way of injecting new HTML into a document, but it's also rather crude and destructive. It requires an existing element to be in the HTML documents, and it wipes up whatever code was contained inside that element. And that can be a problem. Let me show you what I mean. In the exercise files for this movie, I've added a short intro text to the main section of the document. This new text sits inside the main element. And the problem is when we inject the backpack content using JavaScript, we're replacing all the content inside the main element, so this new text disappears.…

内容