一、动态创建节点

在js中为我们提供了相应的方法去去动态创建元素节点,众所周知,js中我们可以随意去按照我们的需要去选择添加饿哦们所需要的元素,但是这些都是我们在使用之前创建的,也就是我们始终处于被动状态中中,学习了动态创建节点之后,你只需要获得元素,然后就可以用动态的方式,用代码去创建一个元素。

1、例如我们要创建一个h1标签,这时候首先应该创建一个h1标签,之后为其附上属性值,之后再将h1标签与其父级容器绑定就可以实现。

javascript react javascript react动态增删元素_删除节点

创建之后我们运行,之后再浏览器的控制台中进行查看,此时你会发现你之前在代码的实现中并没有写入h1标签,但是现在却出现了h1标签。

javascript react javascript react动态增删元素_元素节点_02

2、动态删除节点和上述类似,首先需要确定删除的元素,之后再父级元素中删除即可,删除之后打开控制台依然发现之前的元素以被删除。

javascript react javascript react动态增删元素_动态创建_03

一、动态创建节点

在js中为我们提供了相应的方法去去动态创建元素节点,众所周知,js中我们可以随意去按照我们的需要去选择添加饿哦们所需要的元素,但是这些都是我们在使用之前创建的,也就是我们始终处于被动状态中中,学习了动态创建节点之后,你只需要获得元素,然后就可以用动态的方式,用代码去创建一个元素。

1、例如我们要创建一个h1标签,这时候首先应该创建一个h1标签,之后为其附上属性值,之后再将h1标签与其父级容器绑定就可以实现。

javascript react javascript react动态增删元素_删除节点

创建之后我们运行,之后再浏览器的控制台中进行查看,此时你会发现你之前在代码的实现中并没有写入h1标签,但是现在却出现了h1标签。

javascript react javascript react动态增删元素_元素节点_02

2、动态删除节点和上述类似,首先需要确定删除的元素,之后再父级元素中删除即可,删除之后打开控制台依然发现之前的元素以被删除。

javascript react javascript react动态增删元素_动态创建_03