《JavaScript与jQuery网页前端开发与设计-第2版》课件汇总 周文洁 第1--7章 绪论、 JavaScript入门 --- jQuery选择器与过滤器.ppt

5.1.5DOM节点1.添加HTML元素【例5-7】JavaScriptDOM添加HTML元素5.1.5DOM节点2.删除HTML元素删除已存在的HTML元素也需要两个步骤：首先使用document对象的getElementById(id名称)方法获取该元素，然后使用removeChild()方法将其从父元素中删除。其父元素如果有明确的id名称，同样可以使用getElementById()方法获取。例如，在知道父元素id名称的情况下删除其中id=p01的子元素：vartest=document.getElementById(test);//获取父元素varp=document.getElementById(p01);//获取子元素test.removeChild(p);//删除子元素5.1.5DOM节点2.删除HTML元素若父元素无对应的id名称获取，可以使用子元素的parentNode属性获取其父元素对象，效果相同。例如，在不知道父元素id名称的情况下删除其中id=p01的子元素：varp=document.getElementById(p01);//获取子元素vartest=p.parentNode;//获取父元素test.removeChild(p);//删除子元素5.1.5DOM节点