python大佬养成计划----HTML DOM

leejan97 发布于2019-08-02 11:41 / 773人阅读

摘要：定义了所有元素的对象和属性，以及访问它们的方法。换言之，是关于如何获取修改添加或删除元素的标准。根据标准，中所有内容都是节点。好比我有两个下拉列表，第一列表是选择省份，那么我选择某一个省份，那么另一个列表也会对应显示该省份的城市。

什么是DOM？

DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。
HTML DOM 定义了访问和操作 HTML 文档的标准方法。
DOM 以树结构表达 HTML 文档。

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

根据HTML DOM标准，HTML中所有内容都是节点。

整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点

HTML DOM的一些方法

getElementById(id) - 获取带有指定 id 的节点（元素）
appendChild(node) - 插入新的子节点（元素）
removeChild(node) - 删除子节点（元素）

HTML DOM的一些属性

innerHTML - 节点（元素）的文本值
parentNode - 节点（元素）的父节点
childNodes - 节点（元素）的子节点
attributes - 节点（元素）的属性节点

应用：动态添加城市

需求：当我们访问网页时，添加网页上所没有的地址




    
    动态添加城市
    


    
    // 确定事件类型"onclick"
    

    
        西安
        拉萨
        成都

应用：城市的二级联动

所谓二级联动，就是要通过一个下拉列表的选择从而在另一个select下拉列表中显示出对应的数据。好比我有两个下拉列表，第一列表是选择省份，那么我选择某一个省份，那么另一个列表也会对应显示该省份的城市。




    
    二级联动（城市）
    
    



    
        籍贯
        // 1. 确定事件类型onchange, 并为其绑定一个函数

云服务器 GPU云服务器 python dom python计划任务 python任务计划 html dom函数

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53056.html

python大佬养成计划----HTML DOM

摘要：定义了所有元素的对象和属性，以及访问它们的方法。换言之，是关于如何获取修改添加或删除元素的标准。根据标准，中所有内容都是节点。好比我有两个下拉列表，第一列表是选择省份，那么我选择某一个省份，那么另一个列表也会对应显示该省份的城市。什么是DOM？ DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。HTML DOM 定义了...

cc17 2019-08-23 12:18 评论0 收藏0
python大佬养成计划----HTML网页设计（序列）

摘要：序列化标签有序标签和有序列表标签是，是一个双标签。在每一个列表项目前要使用标签。标签的形式是带有前后顺序之分的编号。有序标签的属性属性用于设置编号为数字或者字母等的类型，如则编号用英文字母表示。通常是成对出现。序列化标签 1.有序标签--ol和li 有序列表标签是，是一个双标签。在每一个列表项目前要使用标签。标签的形式是带有前后顺序之分的编号。如果添加或者删除一个列表项，编号会自动调...

马永翠 2019-08-29 16:52 评论0 收藏0
python大佬养成计划----HTML网页设计（序列）

摘要：序列化标签有序标签和有序列表标签是，是一个双标签。在每一个列表项目前要使用标签。标签的形式是带有前后顺序之分的编号。有序标签的属性属性用于设置编号为数字或者字母等的类型，如则编号用英文字母表示。通常是成对出现。序列化标签 1.有序标签--ol和li 有序列表标签是，是一个双标签。在每一个列表项目前要使用标签。标签的形式是带有前后顺序之分的编号。如果添加或者删除一个列表项，编号会自动调...

young.li 2019-08-02 11:38 评论0 收藏0
python大佬养成计划----JavaScript基础

摘要：是世界上最流行的脚本语言。是属于的语言，它适用于笔记本电脑平板电脑和移动电话。被设计为向页面增加交互性。几乎每个人都有能力将小的片段添加到网页中。 JavaScript JavaScript 是世界上最流行的脚本语言。JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。JavaScript 被设计为向 HTML 页面增加交互性。许多 HTML ...

yangrd 2019-08-23 12:16 评论0 收藏0