JS把内容动态插入到DIV的实现方法

我们来看一段基本的HTML代码：

```html

```

接下来，我们在example.js文件中编写JavaScript代码。第一段代码如下：

```javascript

window.onload = function() {

var testdiv = document.getElementById("testdiv");

testdivnerHTML="

I inserted this content.

}

```

上述代码会在页面加载完成后，找到id为"testdiv"的DIV，并将其内容替换为指定的HTML代码。

```javascript

window.onload = function() {

var para = document.createElement("p");

var txt1 = document.createTextNode("I inserted ");

var emphasis = document.createElement("em");

var txt2 = document.createTextNode("this");

var txt3 = document.createTextNode(" content.");

para.appendChild(txt1);

emphasis.appendChild(txt2);

para.appendChild(emphasis);

para.appendChild(txt3);

var testdiv = document.getElementById("testdiv");

testdiv.appendChild(para);

}

```