<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>helloworld</h1> <script type="text/javascript"> var h1 = document.querySelector('h1') //一般使用innerHTML,可以将HTML的字符串直接放置进来，那么浏览器会自动生成相对应的文档对象和显示内容 h1.innerHTML = "<span style='font-size: 12px; color: #aaa;'>samalltitle</span>BigTitle" // h1.innerText = '<span>helloworld</span>' var span = document.querySelector('span') console.log(span) span.innerHTML = 'helloworld' // document.write('<h3>helloworld</h3>') //创建元素 var h3 = document.createElement('h3') h3.innerHTML = '这是H3' //获取想要添加进去的父级元素 var body = document.body //使用appendchild,追加子元素，将h3添加进body body.appendChild(h3) // body.removeChild(h3) //仅仅通过自己就可以删除自己 h3.parentElement.removeChild(h3) </script> </body> </html>