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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...
    夜幕小草阅读 3,233评论 0 10
  • HTML DOM 定义了访问和操作 HTML 文档的标准。 什么是 HTML DOM? HTML DOM 是: H...
    亮亮叔家的小笔笔阅读 10,467评论 1 5
  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 3,759评论 0 10
  • 一,DOM 简介 通过 HTML DOM,可访问 javascript HTML 文档的所有元素 HTML DOM...
    随意人生_1b90阅读 2,806评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,385评论 2 17