首先看页面效果:
当我们点击"添加"后就会显示内容:
我们把<body>里的元素先显示出来:
其次在<script></script>里写函数,我们需要先声明一个函数,在定义两个变量,一个用来获取div的id名称, 一个则是用createElement()创建一个新元素节点,用 ‘ innerText ’ 在新元素节点添加内容,最后用 ‘ appendChild() ’ 把新创建的元素节点追加到div里。这样创建新节点的效果就完成了。
如图:
首先看页面效果:
当我们点击"添加"后就会显示内容:
我们把<body>里的元素先显示出来:
其次在<script></script>里写函数,我们需要先声明一个函数,在定义两个变量,一个用来获取div的id名称, 一个则是用createElement()创建一个新元素节点,用 ‘ innerText ’ 在新元素节点添加内容,最后用 ‘ appendChild() ’ 把新创建的元素节点追加到div里。这样创建新节点的效果就完成了。
如图: