JavaScript入门篇-第3章你也有控制权（DOM操做）

时间 2019-11-17

标签 javascript 入门控制权 dom 栏目 JavaScript 繁體版

原文原文链接

3.1 认识DOM html

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。htm

先来看看下面代码:对象

将HTML代码分解为DOM节点层次图:blog

HTML文档能够说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展现的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的连接属性href="http://www.imooc.com"。ip

看下面代码:文档

<a href="http://www.imooc.com">JavaScript DOM</a>

3.2 经过ID获取元素get

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是惟一的，就像是每人有一个身份证号同样，只要经过身份证号就能够找到相对应的人。那么在网页中，咱们经过id先找到标签，而后进行操做。class

语法:object

document.getElementById(“id”)

看看下面代码:语法

结果:null或[object HTMLParagraphElement]

注:获取的元素是一个对象，如想对元素进行操做，咱们要经过它的属性或方法。

3.3 innerHTML 属性

1. 第3章 jQuery中的DOM操做
2. Visual LISP 第4章有关Visual LISP的基本操做(3)控制台操做
3. JavaScript操做Dom
4. JavaScript Dom 操做
5. JavaScript操做DOM
6. JavaScript-DOM操做
7. JQuery控制页面及操做DOM
8. javascript入门篇
9. javascript-DOM操做-留言板制做
10. 【入门篇】Elasticsearch、Kibana权限控制
更多相关文章...
• Rust 所有权 - RUST 教程
• Memcached入门教程 - NoSQL教程
• 再有人问你分布式事务，把这篇扔给他
• YAML 入门教程

JavaScript入门篇-第3章 你也有控制权（DOM操做）

JavaScript入门篇-第3章你也有控制权（DOM操做）