本文主要是介绍原生js常用操作元素的方法：createElement()、appendChild()、removeChild()，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><input type="button" value="插入" id="btn"><input type="button" value="替换" id="rpBtn"><ul id="ul"><li>1</li><li>2</li><li>3</li></ul><script>// createElement()// appendChild()// removeChild()var btn = document.getElementById('btn');var rpBtn = document.getElementById('rpBtn');var ul = document.getElementById('ul');// 把元素插入到页面指定位置 insertBefore()btn.onclick = function () {var newNode = document.createElement('li');newNode.innerText = '0';ul.insertBefore(newNode, ul.children[0]);}// 把当前元素的标签进行替换 replaceChild()rpBtn.onclick = function () {var div = document.createElement('div');div.innerText = '100';ul.replaceChild(div, ul.children[0]);}</script>
</body>
</html>
这篇关于原生js常用操作元素的方法：createElement()、appendChild()、removeChild()的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
