方法/步骤
1
使用getAttribute()方法获取DOM对象的各种属性，例如id名，宽度值等。
2
使用createElement()方法创建DOM对象，如图所示创建一个span标记。使用appendChild()方法可以将createElement()方法创建的节点，插入到DOM对象，如图所示，将span标记插入到了P标记中。
3
使用setAttribute()方法动态地为元素设置各种属性，如设置span标记的id属性，如图操作。
4
另一种修改标记属性的方式更加直接，例如直接修改元素的className属性来更改其类名，如图操作。
5
如果对创建的span标记不需要了，可以使用removeChild()方法删除，如图操作。
6
removeChild方法需要通过父元素来加以调用，例如上述P元素是span元素的父级，要删除span元素，则不能单纯使用removeChild(span)，只能通过P.removeChild(span)这一途径，这意味着还需要对父标记加以定位，操作起来较为繁琐。一种简便的方法是使用元素的parentNode属性来找到父元素，然后再调用删除方法，如span.parentNode.removeChild(span)，如图操作。
注意事项
1
按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。
2
因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。