更多课程 选择中心

Web培训
美国上市教育机构

400-111-8989

Web培训

web开发教程之HTML DOM 方法

  • 发布:Web前端培训
  • 来源:Web开发教程
  • 时间:2019-01-21 19:02

方法是我们可以在节点(HTML 元素)上执行的动作。

编程接口

可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。

所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。

方法是您能够执行的动作(比如添加或修改元素)。

属性是您能够获取或设置的值(比如节点的名称或内容)。

getElementById() 方法

getElementById() 方法返回带有指定 ID 的元素:

例子

var element=document.getElementById("intro");

亲自试一试

HTML DOM 对象 - 方法和属性

一些常用的 HTML DOM 方法:

getElementById(id) - 获取带有指定 id 的节点(元素)

appendChild(node) - 插入新的子节点(元素)

removeChild(node) - 删除子节点(元素)

一些常用的 HTML DOM 属性:

innerHTML - 节点(元素)的文本值

parentNode - 节点(元素)的父节点

childNodes - 节点(元素)的子节点

attributes - 节点(元素)的属性节点

您将在本教程的下一章中学到更多有关属性的知识。

现实生活中的对象

某个人是一个对象。

人的方法可能是 eat(), sleep(), work(), play() 等等。

所有人都有这些方法,但会在不同时间执行它们。

一个人的属性包括姓名、身高、体重、年龄、性别等等。

所有人都有这些属性,但它们的值因人而异。

一些 DOM 对象方法

这里提供一些您将在本教程中学到的常用方法:

DOM 对象方法

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:web开发教程之HTML DOM 节点
下一篇:Web前端人员应该知道的3种前端动画效果的实现方式

教Web前端编写高质量JavaScript代码的技巧

Web前端人员应该知道的JavaScript常见BUG及修复方法

Web前端初学者必备学习秘诀!

Web前端工程师要知道的JS 常用正则表达式

选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省