JS之CUDA

//1.插入
document.write('hello world');
document.write('<img class="icon" src="img/img_04.jpg">');
document.write('<input type="date">');

//高級  另外一種插入控件
var btn = document.createElement('button');
btn.innerHTML = '百度一下';
btn.style.width = '100';
btn.style.height = '50';
btn.style.color = 'red';
document.body.appendChild(btn) //添加控件
console.log(btn)



//2.刪除
var img = document.getElementsByClassName('icon')[0];
//document.body.removeChild(img);
//img.parentNode.removeChild(img); //推薦作法
img.remove();



//3.修改
var a = document.getElementsByClassName('xmg')[0];
a.href = 'http://www.4399.com';
a.target = '_blank';



//4.查詢
function  find(o){
    for (var i = 0;i < o.length;i++){
        console.log(o[i]);
    }
}
//find(document.body.children)

var dives = document.getElementsByClassName('xmg')[0];
console.log(dives);