使用element 生成一个节点树代码
时间: 2024-05-07 19:16:24 浏览: 85
节点树生成
3星 · 编辑精心推荐
我可以回答这个问题。使用element可以通过createElement()方法创建节点,通过appendChild()方法将节点添加到父节点中,从而生成节点树代码。具体代码如下:
```
// 创建根节点
var root = document.createElement('div');
// 创建子节点1
var child1 = document.createElement('p');
child1.textContent = '这是子节点1';
// 创建子节点2
var child2 = document.createElement('ul');
var item1 = document.createElement('li');
item1.textContent = '列表项1';
var item2 = document.createElement('li');
item2.textContent = '列表项2';
child2.appendChild(item1);
child2.appendChild(item2);
// 将子节点添加到根节点中
root.appendChild(child1);
root.appendChild(child2);
// 将根节点添加到body中
document.body.appendChild(root);
```
阅读全文