找到那个DOM

<div id="div1">

<p id="p1">dcwsvf</p>

<p id="p2">fewf</p>

</div>

向HTML DOM添加新元素

1.创建一个新的元素

var para = document.createElement('p');

2.为了给新元素添加文本需要创建一个文本节点

var node = document.createTextNode("新的文本节点");

3. 向<p>追加这个文本节点

para .appenChild('node');

4.把新元素添加到一个已有的元素后面，拿到已有的元素

var ori = document.getElementById('div1');

5.添加

ori.appendChild('para');

如果要删除节点，必须获得想要删除节点的父节点

var par = document.getElementById('div1');

var child = document.getElementById("p1");

par.removeChild('p1');

或者

var child=document.getElementById("p1");
child.parentNode.removeChild(child);

getElementById: 

function findAllHtmlSpanInOneSection(sectionId) {

        // 返回某个section下所有span中内容为HTML的span标签
        var section =document.getElementById(sectionId).getElementsByTagName('span');
        for (var i =0;i<section.length;i++){
            if(section[i].innerHTML === 'HTML'){
              console.log(section[i]);  
            }  
        }

    }

querySelector:

 function findAllHtmlSpanInOneSection(sectionId) {
        // 返回某个section下所有span中内容为HTML的span标签
        var section =document.querySelector('#'+sectionId).querySelectorAll('span');
        for (var i =0;i<section.length;i++){
            if(section[i].innerHTML === 'HTML'){
              console.log(section[i]);  
            }  
        }
    }