DOM

浏览器的对象树

Windows对象常用方法
alert(‘信息’) –> 消息框
prompt(‘提示信息’,’默认值’) –> 标准输入框
confirm() –> 确认框
open() –> 打开
close() –> 关闭
Form表单对象
访问表单的方式
document.forms[n]
document.表单名字
表单对象常用属性
action 表单提交的目的地址
method 表单提交方式
name 表单名称

js中定义函数的三种方式
1.正常方法
function print(msg){
document.write(msg);
}
对函数进行调用的方式
函数名(参数1,参数2);
变量名 = 函数名 (参数1 ,参数2,…)
对于有返回值的函数调用,也可以在程序中直接返回的结果
alert(“sum =” + square(2,3));
不指定任何函数值的函数,返回undefined

2.构造函数方法 new Function()

var add = new Function(‘a’,’b’,’return a + b;’);
调用函数
var sum = add(3,4);
alter(sum)
注意
接受多个字符串参数,最后一个参数是函数体.
如果只传一个字符串,则其就是函数体
3.函数直接量定义函数
var result = function(a,b){return a + b;}
注意
函数直接量是一个表达式,可以定义匿名函数

DOM

概念
Document Object Model文档对象模型的缩写,用于访问结构化文档(html+xml)
根据W3CDOM规范,DOM是一种与浏览器,平台,语言无关的接口,可以访问其他的标准组件
D: 文档 - html 文档 或 xml 文档
O: document 对象属性和方法
M: 模型

DOM是针对xml(html)基于树的API
DOM树:结点node的层次
DOM把一个文档表示为一颗家谱树(父,子,兄弟)
DOM定义类node的接口以及许多结点类型来表示xml结点的多个方面

节点
文档节点
html – 元素节点
文字 – 文本节点
属性 – 属性节点
节点树

常用方法介绍:
document – 即是整个页面

document.getElementById()
寻找给定ID属性的元素,返回值是一个给定ID 属性的元素节点
若不存在,返回null
(该方法只能用于document对象)

getElementsByClassName()
–> 通过标签的class属性,获取对应元素,返回数组

getElementsByName()
寻找给定name属性的所有元素,返回一个节点集合
可以当作一个数组处理
length属性等于当前文档里有给定name属性的所有元素个数

getElementsByTagName()
寻找给定标签名的所有元素,返回一个节点集合
是个数组,length长度等于元素所有个数
–> 该方法可以用在某个特定元素的子节点当中,寻找给定标签的元素

hasChildNodes()
查看是否有子节点,返回值true/false
文本节点和属性节点不可能在包含任何子节点 –> 此时返回值false
若返回值false,childNodes.firstChild.lastChile将是空值和空字符串

DOM属性

nodeName – 只读属性
文档所有节点具有属性
nodeName:一个字符串,其内容是给定节点的名字
var name = node.nodeName

如果是元素节点,nodeName返回这个元素的名称
如果属性节点,nodeName返回这个属性的名称
如果文本节点,nodeName返回一个内容#text的字符串

nodeType – 只读
返回一个整数,代表给定节点的类型
nodeType对应12中字节类型
常用有
Node.ELEMENT.NODE 1 元素节点
Node.ATTERIBUTE.NODE 2 属性节点
Node.TEXT.NODE 3 文本节点

nodeValue – 读/写属性
返回给定节点当前值
属性节点 – 属性值
文本节点 – 文本内容
元素节点 – null 不能为其设置属性值

replaceChild()
指定的父元素的子节点替换为另一个子节点
返回值是已经被替换哪个字节点的指针
若被插入的子节点还有子节点,一同被插入到目标节点中

getAttribute()
返回一个给定元素的给定属性节点的值
给定属性必须以字符串的形式传递给该方法
给定属性将以字符串的形式返回,如果给定属性不存在
getAttribute()将返回一个空字符串
getAttribute(属性的名称)–Node

setAttribute(“属性名”,”属性值”)
改变现有或设置给定属性的节点的值
必须以字符串的形式
若属性存在,它的值将刷新,若不存在,新建并赋值

removeAttribute(“属性名”)
–> 移除属性

createElement()
创建新元素节点
按照给定签名,创建一个新元素节点
只有一个参数,将被创建的元素的名字是一个字符串

阅读更多
版权声明:cc https://blog.csdn.net/weixin_42166907/article/details/81592132
个人分类: javaWeb
想对作者说点什么? 我来说一句

HTML DOM基础教程(网页形式)

2009年01月15日 1.77MB 下载

删除DOM节点 删除DOM节点

2018年06月06日 689B 下载

dom操作帮助dom操作帮助

2011年03月11日 92KB 下载

DOM学习笔记

2011年09月12日 84KB 下载

dom手册,js dom api,java dom api

2010年04月05日 4.41MB 下载

javascript dom 编程艺术

2011年11月12日 23.12MB 下载

JavaScript Dom编程艺术

2018年04月09日 22.31MB 下载

XML编程从入门到精通

2010年04月23日 7.36MB 下载

DOM使用手册

2011年09月13日 2.7MB 下载

没有更多推荐了,返回首页

关闭
关闭
关闭