DOM BOM
来源:互联网 发布:中国各种万以上数据库 编辑:程序博客网 时间:2024/06/08 11:43
1、HTML DOM 定义了访问和操作 HTML 文档的标准方法。
DOM 以树结构表达 HTML 文档。
2、W3C DOM 标准被分为 3 个不同的部分:
- 核心 DOM - 针对任何结构化文档的标准模型
- XML DOM - 针对 XML 文档的标准模型
- HTML DOM - 针对 HTML 文档的标准模型
编者注:DOM 是 Document Object Model(文档对象模型)的缩写。
3、DOM 节点
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
4、HTML DOM 方法
HTML DOM 对象 - 方法和属性
一些常用的 HTML DOM 方法:
- getElementById(id) - 获取带有指定 id 的节点(元素)
- appendChild(node) - 插入新的子节点(元素)
- removeChild(node) - 删除子节点(元素)
一些常用的 HTML DOM 属性:
- innerHTML - 节点(元素)的文本值
- parentNode - 节点(元素)的父节点
- childNodes - 节点(元素)的子节点
- attributes - 节点(元素)的属性节点
- 5、onchange 事件
- <script>
function myFunction(){
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body>
输入你的名字: <input type="text" id="fname" onchange="myFunction()">
<p>当你离开输入框后,函数将被触发,将小写字母转为大写字母。</p>
</body>
阅读全文
0 0
- BOM && DOM
- Bom,Dom
- DOM/BOM
- DOM BOM
- DOM BOM
- dom 和 bom
- js--------BOM与DOM
- BOM和DOM
- ECMAScript+DOM+BOM
- BOM&DOM基础
- 关于BOM和DOM
- BOM和DOM
- JavaScript基础-BOM&DOM
- BOM与DOM
- BOM和DOM
- bom 与 dom
- JavaWeb-04(BOM&DOM)
- DOM VS BOM
- 如何将int型变量写入文件(不需要转化为str类型)
- 多态部分作业 1.按要求编写Java程序:(1)编写一个接口:InterfaceA,只含有一个方法int method(int n);
- AdaBoost算法分类
- C strncpy 从指定位置开始截取指定长度子字符串方法
- 算法分析与设计
- DOM BOM
- react入坑之脚手架配置sass
- 程序员免费自学编程的12个网站-从现在开始提高自己!
- 【Book】知道做到(二)
- 火车票购票系统模拟
- React基于FromData+Ajax的表单提交
- linux守护进程详解及创建,daemon()使用
- hibernate学习笔记
- 基于Spring-statemachine的有限状态机(FSM)的介绍及示例