Midjourney手机是一款备受瞩目的新兴品牌，拥有出色的设计和强大的性能。无论从外观还是功能上，Midjourney都能满足用户的需求。

Midjourney手机有不同的型号，每个型号在价格上有所不同。一般来说，Midjourney手机的价格范围在5000元至10000元之间。具体的价格会根据手机的配置和功能来确定。

尽管Midjourney手机的价格不低，但它在性能和品质方面却具有很高的性价比。Midjourney手机采用了先进的处理器和高清屏幕，提供流畅的用户体验。此外，Midjourney手机还拥有出色的摄像功能和长续航时间，使得用户可以更好地享受手机的各项功能。

Midjourney手机提供优质的售后服务保障，包括保修期、维修支持和软件更新等。如果用户在使用过程中遇到任何问题，可以随时联系Midjourney的客服团队获取帮助和支持。

　　推荐阅读

　　双12天猫没满减吗 双12优惠规则介绍

　　淘宝直通车推广技巧有哪些

　　淘宝客服一般工资多少 需要做什么

查看更多相似文章

javascriptdom的发展 在javascript如何使用dom

javascript动态页面,javascript动态网页设计作业,JavaScriptDoM创建按钮改变字体颜色,JavaScriptDoM创建按改变字体颜色

目录

1. DOM简介

1.1 什么是 DOM

1.2 DOM 树

2. 获取元素

2.1 如何获取页面元素

2.2 根据 ID 获取

? ? ? 2.3 根据标签名获取

2.4 通过 HTML5 新增的方法获取

2.5 获取特殊元素（ body，html ）

获取 body 元素

获取 html 元素

3. 事件基础

3.1 事件概述

? ? ? ? 3.2 事件三要素

3.3 执行事件的步骤

3.4 常见的鼠标事件

? ? ? ? ?3.5?分析事件三要素

4. 操作元素

4.1 改变元素内容

4.2 常用元素的属性操作

案例：分时显示不同图片，显示不同问候语

案例分析：

4.3 表单元素的属性操作

案例：仿京东显示密码

?案例分析

4.4 样式属性操作

案例：淘宝点击关闭二维码

案例分析

案例：循环精灵图背景

案例分析

案例：显示隐藏文本框内容

案例分析

案例：密码框格式提示错误信息

案例分析

? ? ? ? 操作元素总结

?4.5 排他思想

? ? ? ? 案例：百度换肤

案例分析

案例：表格隔行变色

? ? ? ? ? ? ? ?案例分析

案例：表单全选取消全选案例

案例分析

4.6 自定义属性的操作

? ? ? ? ? ? ? ? 4.6.1?获取属性值

? ? ? ? ? ? ? ? 4.6.2 设置属性值

? ? ? ? ? ? ? ? 4.6.3 移除属性

案例：tab 栏切换（ 重点案例 )

案例分析

4.7 H5 自定义属性

? ? ? ? ? ? ? ? 4.7.1?设置 H5 自定义属性

? ? ? ? ? ? ? ? 4.7.⒉获取 H5 自定义属性

5. 节点操作

5.1 为什么学节点操作

5.2 节点概述

5.3 节点层级

? ? ? ? ? ? ? ? ?5.3.1?父级节点

? ? ? ? ? ? ? ? 5.3.2 子节点

? ? ? ? 案例：新浪下拉菜单

案例分析

? ? ? ? ? ? ? ? 5.3.3 兄弟节点

? ? ? ? 5.4 创建节点

? ? ? ? 5.5 添加节点

案例：简单版发布留言案例

案例分析

? ? ? ? 5.6 删除节点

? ? ? ? 案例：删除留言

案例分析

5.7 复制节点（ 克隆节点 ）

案例：动态生成表格

?案例分析

5.8 三种动态创建元素区别

区别

6. DOM 重点核心

6.1 创建

6.2 增

6.3 删

6.4 改

6.5 查

6.6 属性操作

6.7 事件操作

文档对象模型（ Document Object Model，简称 DOM )，是 W3C 组织推荐的处理可扩展标记语言（ HTML或者XML ）的标准编程接口。

W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。

●?文档：一个页面就是一个文档，DOM 中使用 document 表示

●?元素：页面中的所有标签都是元素，DOM 中使用 element 表示

●?节点：网页中的所有内容都是节点（ 标签、属性、文本、注释等 ），DOM 中使用 node 表示

DOM 把以上内容都看做是对象

DOM 在我们实际开发中主要用来操作元素。

我们如何来获取页面中的元素呢?

获取页面中的元素可以使用以下几种方式：

●?根据 ID 获取

●?根据标签名获取

●?通过 HTML5 新增的方法获取

●?特殊元素获取

使用 getElementByld() 方法可以获取带有 ID 的元素对象。

使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合。

注意：

1．因为得到的是一个对象的集合，所以我们想要操作里面的元素就需要遍历。

2．得到元素对象是动态的

还可以获取某个元素（ 父元素 ）内部所有指定标签名的子元素.

?

注意：父元素必须是单个对象（ 必须指明是哪一个元素对象 ）. 获取的时候不包括父元素自己。

JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。

简单理解：触发 --- 响应机制。

网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。

事件是由三部分组成：事件源 、事件类型 、事件处理程序 ，我们也称为事件三要素。

1. 获取事件源

2. 注册事件（ 绑定事件 ）

3. 添加事件处理程序（ 采取函数赋值形式 ）

下拉菜单三要素

关闭广告三要素

JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。注意以下都是属性

从起始位置到终止位置的内容,但它去除 html 标签，同时空格和换行也会去掉?

起始位置到终止位置的全部内容，包括 html 标签，同时保留空格和换行?

根据不同时间，页面显示不同图片，同时显示不同的问候语。

如果上午时间打开页面，显示上午好，显示上午的图片。

如果下午时间打开页面，显示下午好，显示下午的图片。

如果晚上时间打开页面，显示晚上好，显示晚上的图片。

? ? ? ? ? ? ? ? ? ? ? ? ①?根据系统不同时间来判断，所以需要用到日期内置对象

? ? ? ? ? ? ? ? ? ? ? ? ② 利用多分支语句来设置不同的图片

? ? ? ? ? ? ? ? ? ? ? ? ③?需要一个图片，并且根据时间修改图片，就需要用到操作元素 src 属性

④ 需要一个 div 元素，显示不同问候语，修改元素内容即可

利用 DOM 可以操作如下表单元素的属性：

点击按钮将密码框切换为文本框，并可以查看密码明文。

① 核心思路：点击眼睛按钮，把密码框类型改为文本框就可以看见里面的密码

② 一个按钮两个状态，点击一次，切换为文本框，继续点击一次切换为密码框

? ? ? ? ? ? ? ? ? ? ? ? ③? 算法∶利用一个 flag 变量，来判断 flag 的值，如果是 1 就切换为文本框，flag 设置为 0，如果是 0 就切换为密码框，flag 设置为 1.

我们可以通过 JS 修改元素的大小、颜色、位置等样式。

?注意：

1. JS 里面的样式采取驼峰命名法? ?比如? fontsize、 backgroundcolor

2. JS 修改 style 样式操作，产生的是行内样式，css 权重比较高

当鼠标点击二维码关闭按钮的时候，则关闭整个二维码。

? ? ? ? ? ? ? ? ? ? ? ? ① 核心思路：利用样式的显示和隐藏完成，display.none 隐藏元素? display.block显示元素

? ? ? ? ? ? ? ? ? ? ? ? ② 点击按钮，就让这个二维码盒子隐藏起来即可

可以利用 for 循环设置一组元素的精灵图背景

? ? ? ? ? ? ? ? ? ? ? ? ① 首先精灵图图片排列有规律的

? ? ? ? ? ? ? ? ? ? ? ? ② 核心思路：利用 for 循环修改精灵图片的背景位置 background-position

? ? ? ? ? ? ? ? ? ? ? ? ③ 剩下的就是考验你的数学功底了

当鼠标点击文本框时，里面的默认文字隐藏，当鼠标离开文本框时，里面的文字显示。

? ? ? ? ? ? ? ? ? ? ? ? ①?首先表单需要 2 个新事件，获得焦点 onfocus? ?失去焦点 onblur

? ? ? ? ? ? ? ? ? ? ? ? ②?如果获得焦点，判断表单里面内容是否为默认文字，如果是默认文字，就清空表单内容

? ? ? ? ? ? ? ? ? ? ? ? ③?如果失去焦点，判断表单内容是否为空，如果为空，则表单内容改为默认文字

注意：

1. 如果样式修改较多，可以采取操作类名方式更改元素样式。

2. class 因为是个保留字，因此使用 className 来操作元素类名属性

3. className 会直接更改元素的类名，会覆盖原先的类名。

用户如果离开密码框，里面输入个数不是 6~16，则提示错误信息，否则提示输入正确信息

? ? ? ? ? ? ? ? ? ? ? ? ① 首先判断的事件是表单失去焦点 onblur

? ? ? ? ? ? ? ? ? ? ? ? ②?如果输入正确则提示正确的信息颜色为绿色小图标变化

? ? ? ? ? ? ? ? ? ? ? ? ③?如果输入不是 6 到 16 位，则提示错误信息颜色为红色小图标变化

? ? ? ? ? ? ? ? ? ? ? ? ④?因为里面变化样式较多，我们采取 className 修改样式

操作元素是 DOM 核心内容

?1. 世纪佳缘用户名显示隐藏内容

2. 京东关闭广告（直接隐藏即可)

3. 新浪下拉菜单（微博即可)

4. 开关灯案例(见素材)

如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：

1. 所有元素全部清除样式（ 干掉其他人 ）

? ? ? ? ? ? ? ? ? ? ? ? 2. 给当前元素设置样式（ 留下我自己 ）

3. 注意顺序不能颠倒，首先干掉其他人，再设置自己

? ? ? ? ? ? ? ? ? ? ? ? ①?这个案例练习的是给一组元素注册事件

? ? ? ? ? ? ? ? ? ? ? ? ② 给 4 个小图片利用循环注册点击事件

? ? ? ? ? ? ? ? ? ? ? ? ③?当我们点击了这个图片，让我们页面背景改为当前的图片

? ? ? ? ? ? ? ? ? ? ? ? ④?核心算法：把当前图片的 src 路径取过来，给 body 做为背景即可

① 用到新的鼠标事件鼠标经过 onmouseover 鼠标离开 【【微信】】?

? ? ? ? ? ? ? ? ? ? ? ? ②?核心思路：鼠标经过 tr 行，当前的行变背景颜色，鼠标离开去掉当前的背景颜色

? ? ? ? ? ? ? ? ? ? ? ? ③?注意：第一行（ thead 里面的行 ）不需要变换颜色，因此我们获取的是 tbody 里面的行

?

业务需求：

1. 点击上面全选复选框，下面所有的复选框都选中（ 全选 ）

2. 再次点击全选复选框，下面所有的复选框都不中选（ 取消全选 ）

3. 如果下面复选框全部选中，上面全选按钮就自动选中

4. 如果下面复选框有一个没有选中，上面全选按钮就不选中

5. 所有复选框一开始默认都没选中状态

①?全选和取消全选做法：让下面所有复选框的 checked 属性（ 选中状态 ）跟随全选按钮即可

? ? ? ? ? ? ? ? ? ? ? ? ②?下面复选框需要全部选中，上面全选才能选中做法：给下面所有复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没选中的，如果有一个没选中的，上面全选就不选中。

? ? ? ? ? ? ? ? ? ? ? ? ③?可以设置一个变量，来控制全选是否选中

●?element.属性? ?获取属性值。

●?element.getAttribute( '属性' );

区别：

●?element.属性? ?获取内置属性值（ 元素本身自带的属性 ）

●?element.getAttribute('属性');? ? 主要获得自定义的属性（ 标准 ）我们程序员自定义的属性

●?element.属性 = '值'? ? ?设置内置属性值。

●?element.setAttribute( '属性', '值' );

区别：

●?element.属性? ? ? 设置内置属性值

..快手互相助力,快手互相助力,天猫互帮互助群怎么进去,这个618淘宝狂欢盛典互点啥意思是一个2023 淘宝618 狂欢盛典的社群，我们互相帮助、共同实现目标。加入我们吧！