美文网首页
Day02:DOM

Day02:DOM

作者: 宇宙超人喵学长 | 来源:发表于2017-07-07 11:34 被阅读0次

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

      本文链接:https://www.haomeiwen.com/subject/fwylhxtx.html