码迷,mamicode.com
首页 > Web开发 > 详细

软帝学院教你HTMLDOM是什么

时间:2020-02-13 14:49:05      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:prope   ldo   关键字   bsp   命名   value   led   obj   select   

HTMLDOM

1.什么是HTMLDOM?

 

HTMLDOM提供处理HTML文档的API

 

2.W3CDOMHTMLDOM的区别

 

W3CDOM可以处理HTML/XML文档;

 

HTMLDOM仅能处理HTML文档。

 

3.获取对象

 

HTMLElement document.getElementById(string id)

 

4.访问HTML对象的属性

 

object.属性名称 =

 

[var 变量名称 = ] object.属性名称

 

说明:

A.HTML标记的属性即HTMLDOM节点的属性。

 

B.如果HTML标记的属性为合成词,HTMLDOM中应采用"驼峰标记法"命名。

 

C.HTML标记的class属性,HTMLDOM中应使用className取代。(因为classECMAScript预保留的关键字)

 

D.HTML标记的style属性,HTMLDOM中将返回

CSSStyleDecleration(CSS2Properties)对象。

 

5.CSSStyleDecleration对象

 

访问CSS样式

 

CSSStyleDeclaration.属性名称 =

 

[var 变量名称 = ] CSSStyleDeclaration.属性名称 =

 

说明:

A.如果CSS样式为单个单词,则在CSSStyleDeclaration对象中直接书写。

 

B.如果CSS样式带有短横线,则在CSSStyleDeclaration对象中去掉短横线,然后再使用"驼峰标记法"命名。

 

C.CSS样式中的float属性在CSSStyleDeclaration对象中,如果浏览器为ChromeFirefox等,则使用cssFloat取代;如果浏览器为IE则使用styleFloat取代。

 

6.访问HTML对象的文本

 

所有文本都认为纯文本(HTML不能被解析)

object.innerText

 

HTML可以被解析

object.innerHTML

 

7.添加节点

 

A.全部HTMLDOM节点的创建都可以通过W3CDOM的方法实现

 

B.有几个特殊的HTMLDOM节点,它们拥有自己

的创建、删除方法。

 

7.1 图像

 

通过构造函数方式

 

[var 变量名称 = ] new Image(width,height)

 

7.2 列表框

 

A.列表框

 

add()方法

 

描述:添加Option对象

 

语法:object.add(optionElement)

 

remove()方法

描述:删除Option对象

语法:object.remove(index)

 

options属性

 

描述:返回列表框中所有列表项的集合

 

语法:object.options

 

value

描述:返回列表框中被选定选项的值

 

语法:string object.value

 

B.列表选项

 

创建列表选项对象(Option对象) -- 构造函数方式

 

[var 变量名称 = ] new Option(text[,value[,defaultSelected[,selected]]])

 

text,指列表项显示文本

 

value,指列表项的提交值,如果省略value,则提交值与显示文本相同。

 

defaultSelected,指是否为默认选项(boolean)

 

selected,指是否被选定

(boolean)

喜欢这样文章的可以关注我,我会持续更新,你们的关注是我更新的动力!需要更多java学习资料的也可以私信我!

 

祝关注我的人都:身体健康,财源广进,福如东海,寿比南山,早生贵子,从不掉发!

 技术图片

软帝学院教你HTMLDOM是什么

标签:prope   ldo   关键字   bsp   命名   value   led   obj   select   

原文地址:https://www.cnblogs.com/heqingxiaohuo/p/12303436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!