<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]);
}
}
}