js 增删改查
<html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--<script>--> <!--alert(0);--> <!--</script>--> </head> <body> <div id="test1">11111</div> <p id="test2">222222</p> <script src="js/index.js"></script>
<img src="img/icon_01.png"><div>我是MT<img src="img/icon_02.png" style="display: block;"></div> </body></html>
// 增加 // 1 document.write('<img src="img/icon_01.png">'); // 2 // createElement根据标签名创建标签 var div = document.createElement('div'); div.innerHTML = '我是MT'; document.body.appendChild(div); // 往div中插入标签 var img = document.createElement('img'); img.src ='img/icon_02.png'; img.style.display = 'block'; div.appendChild(img); // 删除 var div = document.getElementById('test1'); var p = document.getElementById('test2'); // console.log(div, p); // 1 // document.body.removeChild(div); // document.body.removeChild(p); // // div.parentNode.removeChild(div); // p.parentNode.removeChild(p); // // 2 // div.remove(); // p.remove(); // 查询 // innerHTML 拿到<body>....</body> var html = document.body.innerHTML; // console.log(html); var html1 = document.body.outerHTML; // console.log(html1); for(var pname in document.body){ console.log(pname, document.body[pname]); }