DOM学习(二)

作者: 西柚子啊喂 | 来源:发表于2016-09-10 16:50 被阅读38次

halo,好久没更了,继续学习DOM,现在先来清楚一个概念,。

对象:@@@

    在现实生活中万物皆对象,花花草草是对象,高山流水是对象,小猫小狗是对象,男人女人是对象。

这些对象都有他们的方法, 比如人,他的方法有吃' eat() ',睡觉' sleep() ' ,工作 ' work()' 等等的。

人要执行这些方法的时候回在不同时间进行;     

人还有他们的属性,包括姓名,年龄,性别,身高等等的。

这所有的属性就构造成一个人,而且他们的属性值是因人而异的。

----------------------------------正义的分割线-----------------------------------

这是一些DOM对象方法


这些方法 在第一章有一些已经用过了的。其中getElementById是一个方法,而innerHTML是属性。

innerHTML 属性可用于获取或改变任意HTML元素,,,包括<html>和<body>。

----------------------------我还是分割线----------------------------------------

这里有讲到一点是 nodeValue属性

nodeValue的属性规定的节点值,

* 元素节点的 nodeValue是undefined或null,

*文本节点的  nodeValue是文本的 本身,

*属性节点的 nodeValue是属性值。

这个是个例子

----------------------------嘿嘿嘿,我是分隔线-----------------------------------

访问HTML DOM时 查找HTML元素

访问HTML元素(节点),可以通过以下几个方法进行:

*通过 getElementById()方法{

  document.getElementById("intro");

}

*通过getElementByTagName()方法{

 document.getElementsByTagName("p");

}

*通过getElementByClassName()方法{

 document.getElementById("main").getElementsByTagName("p");

}

<!---对了哦,上面大括号里是写栗子哦,还有这些方法的命名都是驼峰法则来的哦,记得呀~~--->

<!---这次先更这些 慢慢来~~~>

相关文章

  • DOM学习(二)

    halo,好久没更了,继续学习DOM,现在先来清楚一个概念,。 对象:@@@ 在现实生活中万物皆对象,花花草草...

  • Linux安装软件

    1020node.js学习 看手册练习DOM操作或者可以看书《JavaScript DOM编程第二版》 Linux...

  • Javascript 高级(二)

    DOM简单学习: 事件简单学习 BOM: DOM: 事件监听机制:

  • 【xianyuit】20170815

    今天学习 1.【DOM转CANVAS】 大致了解了canvas可以将dom转成图片,还有二维码生成 今日看法 感悟...

  • JavaScript-DOM访问方式

    学习JavaScript,少不了学习JavaScript中的DOM操作,本系列文章将会从DOM简介开始,讲解DOM...

  • Day10--DOM&BOM

    DOM简单学习:为了满足案例要求 事件简单学习 BOM DOM 事件监听机制

  • react基础入门:(二)原生JS操作DOM元素

    原文链接:react基础入门:(二)原生JS操作DOM元素 一 初始化项目 二 操作 DOM 获取 dom 元素 ...

  • 19.DOM 进阶

    学习要点: 1.DOM 类型2.DOM 扩展3.DOM 操作内容 DOM 自身存在很多类型,在 DOM 基础课程中...

  • DOM学习

    1·什么是 DOM? DOM 是 W3C(万维网联盟)的标准。 DOM 定义了访问 HTML 和 XML ...

  • DOM学习

    DOM文档对象模型 *这是个列表+这是另一个列表

网友评论

    本文标题:DOM学习(二)

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