DOM

版权声明:cc https://blog.csdn.net/weixin_42166907/article/details/81592132

浏览器的对象树

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()
创建新元素节点
按照给定签名,创建一个新元素节点
只有一个参数,将被创建的元素的名字是一个字符串

阅读更多

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