WEB前端 | JS基础——(7)DOM

来源：互联网发布：hi mpi vb init 编辑：程序博客网时间：2024/05/29 18:53

<!doctype html><html><head><meta charset="utf-8"/><title>DOM初识</title><style type="text/css"></style></head><body><h2>我是大哥</h2><div id="firstdiv">文本<!-- 注释 --><p id="p1">你是P</p></div><section>你是三弟</section></body><script type="text/javascript">// DOM Document Object Modelvar firstdiv = document.getElementById('firstdiv');console.log(firstdiv);// 插入一个新节点var h3 = document.createElement('h3');h3.innerHTML = "123";firstdiv.appendChild(h3);var wenben = document.createTextNode('我插入了');h3.appendChild(wenben);var oldtext = firstdiv.childNodes[0];var newtext = document.createTextNode('文字');firstdiv.replaceChild(newtext,oldtext);for(var i = 0 ; i < firstdiv.childNodes.length; i++) {if (firstdiv.childNodes[i].id == 'p1') {var oldP = firstdiv.childNodes[i];}}var newSpan = document.createElement('span');firstdiv.insertBefore(newSpan,oldP);firstdiv.removeChild(oldP);</script></html>

0 0