Day02:DOM

1、查找元素

ID查找:var x=document.getElementById("intro");

标签查找:var y=x.getElementsByTagName("p");

2、改变

HTML内容:document.getElementById(id).innerHTML=new HTML

属性:document.getElementById(id).attribute=new value

样式:document.getElementById(id).style.property=new style

3、事件

点击鼠标:document.getElementById("myBtn").onclick=function(){displayDate()};

网页已加载:onload 和 onunload 事件会在用户进入或离开页面时被触发

图像已加载:

鼠标移动到元素上:onmouseover 和 onmouseout 

输入字段被改变:onchange 事件常结合对输入字段的验证来使用。

提交 HTML 表单:

用户触发按键:onmousedown, onmouseup 以及 onclick

4、删除元素

var parent=document.getElementById("div1");

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

parent.removeChild(child);

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

child.parentNode.removeChild(child);

你可能感兴趣的:(Day02:DOM)