zoukankan      html  css  js  c++  java
  • 软帝学院教你HTMLDOM是什么

    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学习资料的也可以私信我!

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

     

  • 相关阅读:
    笔记56 Mybatis快速入门(七)
    笔记55 Mybatis快速入门(六)
    笔记54 Mybatis快速入门(五)
    笔记53 Mybatis快速入门(四)
    笔记52 Mybatis快速入门(三)
    笔记51 Mybatis快速入门(二)
    笔记50 Mybatis快速入门(一)
    笔记49 在Spittr应用中整合Hibernate
    198. House Robber,213. House Robber II
    303. Range Sum Query
  • 原文地址:https://www.cnblogs.com/heqingxiaohuo/p/12303436.html
Copyright © 2011-2022 走看看