在增加的dom节点里渲染内容
时间: 2024-03-12 16:44:06 浏览: 17
在增加的DOM节点里渲染内容,可以使用`innerHTML`或`textContent`属性。`innerHTML`属性可以设置节点的HTML内容,而`textContent`属性可以设置节点的文本内容。
例如,如果要在一个div元素中渲染一个带有样式的段落,可以如下操作:
```javascript
var parentElement = document.getElementById('parent');
var newElement = document.createElement('div');
newElement.innerHTML = '<p style="color: red;">Hello World</p>';
parentElement.appendChild(newElement);
```
此时,就会在id为`parent`的元素节点中增加一个新的子元素节点,它的HTML内容为一个红色的段落,内容为`Hello World`。若想要在节点中渲染纯文本,可以使用`textContent`属性,例如:
```javascript
var parentElement = document.getElementById('parent');
var newElement = document.createElement('div');
newElement.textContent = 'Hello World';
parentElement.appendChild(newElement);
```
这样,就在id为`parent`的元素节点中增加了一个新的子元素节点,它的文本内容为`Hello World`。