JS--终于看到DOM了
来源:互联网 发布:java下载图片返回前台 编辑:程序博客网 时间:2024/05/14 05:24
认识DOM:
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。
HTML文档可以说由节点构成的集合,三种常见的DOM节点:
1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。
2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。
通过DOM方法可以动态改变以上各个节点。
2.通过ID获取元素
通过以前对html和css的学习,可知网页由标签将信息组织起来,而标签的id属性值是唯一的,那么在网页中,我们通过id先找到标签,然后进行操作。
语法:document.getElementById(“id”)
注:document.getElementById("ID")获取的是整个标签对象,后面添加innerHtml才能获取到其中具体的代码中的数值,否则会出现object HTMLParagraphElement
3.innerHTML 属性--用于获取或替换 HTML 元素的内容。
语法:Object.innerHTML
.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
例如对其进行修改 con.innerHTML="Hello World!"
4.改变 HTML 样式
语法;Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元
具体怎么操作的,明天再看吧~
- JS--终于看到DOM了
- 终于看到了>
- 终于看到5700实物了
- 终于让我看到雪了
- h264解码器终于看到曙光了呀
- 终于看到CSDN BLOG能用了
- spear fish,终于是看到图了
- 大学生活的曙光,终于看到了!
- 终于看到懂简化电路图了....
- 终于看到排名了,留个记号
- 终于看到中国CPU的希望了
- 终于看到golang的深入解读了
- Minigui3.0.12完美安装,折腾了一天。终于看到了
- 终于看到国内有网站做RSS了
- 终于又看到CSDN的博克了,真是不容易
- 终于看到了风格优良的C++代码
- 终于进入了CSDN,看到好多牛人!
- 终于看到KDE了-LFS日记4
- jquery-validate验证插件的使用
- Merge Two Sorted Lists
- 451Sort Characters By Frequency
- vb.net 教程 3-7 窗体编程 菜单和工具栏 3 StatusStrip 2
- 共享单车接入百度地图,科技进步为“国民素质”背书
- JS--终于看到DOM了
- ftp服务器实现
- android Scene
- 【python学习笔记】2.第一个程序“Hello,World!"
- LSTM RNN
- ObjectARX Training Guide fatal error LNK1104
- PAT:B1020. 月饼 (25/25)
- 2017最好的JavaScript框架、库和工具 — SitePoint
- Java设计模式之简单工厂模式(Simple Factory)