16 删除节点 17创建节点

来源：互联网发布：网络视听许可证续办编辑：程序博客网时间：2024/06/04 00:45

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>删除节点</title>//parentnode  返回元素的父节点如果指定节点没有父节点，则返回 null。4//removeChild() 方法指定元素的某个指定的子节点//删除节点//1 找到对象  2:找到父节点 3：父节点删除子节点<script>function del(){var lis = document.getElementsByTagName('li');var lastli = lis[lis.length-1];lastli.parentNode.removeChild(lastli);}</script></head><body><ul><li>春</li><li>xia</li><li>qiu</li><li>dong</li></ul><input type="button" onclick="del();" value="删除最后一个节点"></body></html>

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>创建节点</title><script type="text/javascript">function add(){var li = document.createElement('li');  //创建li标签var txt = document.createTextNode('dong');//创建冬文本标签document.getElementsByTagName('ul')[0].appendChild(li); //获得父对象append插入文本标签li.appendChild(txt);  //用li对象添加test文本标签}</script></head><body><ul><li>春</li><li>夏</li><li>秋</li></ul><input type="button" value="add节点" onclick="add();"></body></html>

0 0