当前位置: 首页 > news >正文

拟定网站建设合同的工作过程记录广东新闻联播今天

拟定网站建设合同的工作过程记录,广东新闻联播今天,网站开发要,陕西公司网站建设一.DOM简介 DOM,全称“Document Object Model(文档对象模型)”,它是由W3C定义的一个标准。 在实际开发中,我们有时候需要实现鼠标移到某个元素上面时就改变颜色,或者动态添加元素或者删除元素等。其实这些效…

一.DOM简介

 

DOM,全称“Document Object Model(文档对象模型)”,它是由W3C定义的一个标准。

        在实际开发中,我们有时候需要实现鼠标移到某个元素上面时就改变颜色,或者动态添加元素或者删除元素等。其实这些效果就是通过DOM提供的方法来实现的。

        简单来说,DOM里面有很多方法,我们通过它提供的方法来操作一个页面中的某个元素,例如改变这个元素的颜色、点击这个元素实现某些效果、直接把这个元素删除等。


二.DOM树

 

        每一个元素就是一个节点,而每一个节点就是一个对象。也就是说,我们在操作元素时,其实就是把这个元素看成一个对象,然后使用这个对象的属性和方法来进行相关操作


三.获取元素

(1)getElementById()

document.getElementById("id名")
  • 返回的是一个元素对象

(2)getElementsByTagName()

document. getElementsByTagName("标签名")
  • 返回的是 获取过来元素对象的集合 以伪数组的形式存储的
  • getElementsByTagName()方法中“elements”是一个复数,写的时候别漏掉了“s”

H5新增的获取元素方式

(3)getElementsByClassName()

document. getElementsByClassName("类名")
  • 根据类名返回元素对象集合 

(4)querySelector()和querySelectorAll()

document.querySelector("选择器");
document.querySelectorAll("选择器");
  • querySelector()是根据指定选择器返回第一个元素对象
  • querySelectorAll()是根据选择器返回所有的元素对象集合

(5)getElementsByName()

document.getElementsByName("name名")

  • getElementsByName()获取的也是一个类数组,如果想要准确得到某一个元素,可以使用数组下标形式来获取。
  • getElementsByName()只用于表单元素,一般只用于单选按钮和复选框。

(6)document.title        document.body        document.documentElement

  • 返回title        body        html元素对象

三.事件基础

1.事件三要素

  • 事件源: 事件被触发的对象        按钮
  • 事件类型:如何触发 什么事件 比如鼠标点击(onclick) 鼠标经过 键盘按下
  • 事件处理程序:通过一个函数赋值的方式完成

2.执行事件的步骤

  1. 获取事件源
  2. 绑定事件(注册事件)
  3. 添加事件处理程序(采取函数赋值形式)

3.常见的鼠标事件


四.操作元素

1.改变元素内容

  • element.innerText 不识别html标签 非标准 去除空格和换行
  • element.innerHTML 能识别html标签 W3C标准 保留空格和换行

这两个属性是可读写的 可以获取元素里面的内容

2.修改元素属性

  • 图片src
  • 链接href

3.表单元素的属性操作

  • value表单里面的值
  • disabled禁用
  • type表单类型(可以用于显示隐藏密码明文) 

4.修改样式属性

  • element.style        行内样式操作(行内样式权重比较高)
  • element.className 类名样式操作

鼠标经过事件 onmouseover

鼠标离开事件 onmouseout

5.自定义属性操作

获取属性值:

  • element.属性        获取内置属性
  • element.getAttribute('属性');    获取自定义属性

程序员自己添加的属性我们称为自定义属性

设置属性值:

  • element.属性='值'        设置内置属性
  • element.setAttribute('属性' , '值');       设置自定义属性

移除属性:

  • removeAtrribute('属性')

6.H5自定义属性

获取:

http://www.yayakq.cn/news/412644/

相关文章:

  • 网站前端用什么语言html网页课程设计报告
  • 精仿虎嗅网织梦网站模板重庆网页推广公司
  • 建设部职称网站局网站建设合同
  • 企业网站制作深圳网站建设项目收获
  • wordpress page id优化的网站做域名跳转
  • 网站备案通知搜狐三季度营收多少
  • 江阴网站设计哪家好团购网站 设计方案
  • 公司建网站怎么弄wordpress 条件查询
  • 北京建站公司做网站价格怎么做一个赚钱得网站
  • 建设个人技术网站淘宝网发布网站建设
  • 怎么做查成绩网站成交型网站建设方案
  • 服装技术支持东莞网站建设怎么做网站教程简单
  • 南宁 建网站超链接到网站怎么做视频文件
  • wordpress文章全显示不出来温州seo服务
  • 怎么建设手机端网站网站仿站是啥
  • 做网站标签栏的图片大小建设网站的目的服装类
  • 建筑网址大全网站wordpress给关键词加内链的方法
  • 网站建设公司专业网站研发开发wordpress发送邮箱软件
  • 软件开发工程师和程序员的区别搜索引擎优化指的是什么
  • 网站页面怎么做识别二维码西安工程信息交易中心
  • 企业网站名是什么意思建筑八大员报名官网
  • wordpress 采集伪原创制作网站公司选 择乐云seo专家
  • 建立网站基本步骤深圳做网站收费
  • 网站代理违法吗网站开发外包网站
  • 网站免费申请网站被采集
  • 网站模板 家网站关键词多少个
  • 网站建设三折页超好看WordPress
  • 网站建设合同 包括什么微信无需下载免费登录
  • 西安手机定制网站建设自己怎么做一个购物平台
  • 江门网站建设自助建站wordpress term_group