客户端编程－－JavaScript(3)

最新推荐文章于 2024-08-12 22:54:41 发布

datuo

最新推荐文章于 2024-08-12 22:54:41 发布

阅读量835

点赞数

文章标签： javascript 编程文档 html xhtml string

本文链接：https://blog.csdn.net/datuo/article/details/1089899

版权

什么是对象模型
       对象模型是描述对象逻辑结构及其标准操纵方法的一个接口包括四个主要的部分：１．JavaScript语言核心　２．主要与数据类型相关的核心对象　３．浏览器对象　　４．文档对象

四个明显的对象模型
       １．传统的JavaScript对象模型
       ２．扩展的JavaScript对象模型
       ３．DHTML风格的对象模型
       ４．扩展的渡口对象模型和标准的DOM

常用Document对象
       LastModified     location    referrer(链接过来的URL)

访问文档元素
    １．通过位置访问　document.forms[0]
    ２．通过ID或name document.myForm或document.forms[myForm]

三种级别的DOM
    DOM0:   支持常用的对象模型集合forms[] images[] anchors[] link[] applets[]
    DOM1:   通过一套常用的函数集提供操纵一个文档中所有元素的能力
    DOM2:   提供对主要与XML相关的页面元素的更多的访问同时增加了对样式表访问和操纵的支持

DOM节点与HTML文档
       1         Element        XHTML元素
       2         Attribute         元素的属性
       3         Text               元素的内容
       8       Comment   注释
       9       Document      根文档对象　　
       10      DocumentType   文档类型定义

DOM节点的属性
       nodeName      节点的名称
       nodeValue      节点的值通常适应于文本节点
       nodeType         节点的类型见上面

访问元素
１．通过ID访问　document.getElementById("id")
２．通过元素的name属性　document.getElementsByName("name")
３．通过访问元素　getElementsByTagName('p')

判断是否存在节点　hasChildNodes()

公共的文档树导航起点
document.documentElement 指向文档树的根元素　相对HTML的<HTML>
document.body 指向<body>标记相对应的树节点
document.doctype 指向文档的DOCTYPE定义　但是该属性不能更改

创建节点
       creatAttribute(name) 为元素创建一个指定的属性
       createComment(string) 创建一个HTML注释
       createDocumentFragment()创建一个元素，元素类型在参数tagname中指定．
       createTextNode(string) 创建一个包含字符串的文本节点

添加或插入节点
       appendChild(新子节点)
       insertBefore(新子节点，参考子节点)

删除或替换节点
       current.removeChiled(current.lastChild)
       replaceChild(newChild, oldChild)

修改文本节点的值
       textnode.data="new text"

操作属性
       getAttribute()       setAttribute()       removeAttribute() 　判断元素是否定义有属性hasAttributes()

datuo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
客户端编程－－JavaScript(3)

什么是对象模型对象模型是描述对象逻辑结构及其标准操纵方法的一个接口包括四个主要的部分：１．JavaScript语言核心　２．主要与数据类型相关的核心对象　３．浏览器对象　　４．文档对象四个明显的对象模型１．传统的JavaScript对象模型２．扩展的JavaScript对象模型３．DHTML风格的对象模型４．扩展的渡口对象模型
复制链接

扫一扫