700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JavaScript文档对象模型DOM节点操作之创建和添加节点(5)

JavaScript文档对象模型DOM节点操作之创建和添加节点(5)

时间:2022-11-10 00:35:20

相关推荐

JavaScript文档对象模型DOM节点操作之创建和添加节点(5)

得出结论:创建元素节点后,必须要把刚创建的元素节点添加到相应的元素下,否则不会在页面出现

示例代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><ul><li>123</li></ul><script>//1.创建元素节点var li = document.createElement('li');//2.添加节点 node.appendChild(child) node是父亲 child是儿子 //是在后面追加元素 类似于数组中的push方法var ul = document.querySelector('ul');ul.appendChild(li);//3.添加到某个节点前面var lili = document.createElement('li');ul.insertBefore(lili,ul.children[0]);//我们想要页面添加一个元素:1.创建元素节点 2.添加到相应元素里面</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。