11. javacript高级程序设计-DOM扩展

1. DOM扩展

1.1 选择符API

l querySelector()

接收一个css选择符,返回与该模式匹配的第一个元素

l querySelectorAll()

接收一个css选择符,返回所有匹配的NodeList元素

1.2 HTML5

1.2.1 与类相关的扩充

l getElementsByClassName()

接收一个参数,一个包含一或者多个类名的字符串,返回带有指定类的所有元素的NodeList

l classList属性,add(value),contains(value),remove(value),toggle(value)

classList获取元素的所有类属性,并通过对应的方法操作对应的类

1.2.2 焦点管理

document.activeElement属性指向当前文档中获得焦点的元素

document.hasFocus()判断当前文档是否获取了焦点

1.2.3 HTMLDocument变化

l readyState属性:

loading:正在加载文档

complete:已经加载完文档

l 兼容模式

标准模式:document.compatMode == “CSS1Compat”

混杂模式:document.compatMode == “BackCompat”

l head属性

var head = document.head || document.getElementsByTagName(“head”)[0];

1.2.4 字符集属性

document.charset 表示当前文档中使用的字符集

1.2.5 自定义属性

HTML5可以为元素添加非标准属性,但要添加前缀data-

 

获取设置appId自定义属性

var appId = div.dataset.appId;

div.dataset.appId = 23456;

 

 

1.2.6 插入标记

l innerHtml:返回当前元素所有子节点对应的HTML标记

l outerHtml:返回当前元素以及对应的所有子元素的HTML标记

1.2.7 scrollIntoView

scrollIntoView()可以在所有的html元素上调用,通过滚动浏览器窗口或者每个容器元素,调用元素就可以出现在视口中。

转载于:https://www.cnblogs.com/SLchuck/p/4490976.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/492288.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

图像分割——迭代式阈值分割

1、算法步骤: (1)预定义两阈值之差dt (2)选定初始阈值T0(一般为图像的平均灰度) (3)用T分割图像为G1、G2两组,G1由灰度值大于T的所有像素组成,…

第一本用机器生成的书籍由施普林格•自然出版

Lithium-Ion BatteriesA Machine-Generated Summary of Current Research来源:Springer丨公众号摘要:这本创新的原型书引人入胜地概述了锂离子电池的最新研究。与德国法兰克福大学应用计算语言学实验室合作开发的一种算法自动编写了这本书。施普林格•自…

根据文件扩展名获取系统图标

1 /// <summary>2 /// 根据文件后缀名获取系统图标。3 /// </summary>4 /// <param name"extension"></param>5 /// <returns></returns>6 public static ImageSource GetIconByExt…

2019全球AI人才分布图:美国占44%,中国人才净流入

来源&#xff1a;网络大数据人工智能技术正在快速发展&#xff0c;而各国对于AI人才的需求是没有止境的&#xff1a;大家都在培养和争夺人才上做文章。前不久&#xff0c;教育部批准了国内35所大学的人工智能本科专业;加拿大正希望通过“全球技能战略签证”吸引国外人才流入。今…

区域生长算法原理及MATLAB实现

1. 基于区域生长算法的图像分割原理 数字图像分割算法一般是基于灰度值的两个基本特性之一&#xff1a;不连续性和相似性。前一种性质的应用途径是基于图像灰度的不连续变化分割图像&#xff0c;比如图像的边缘。第二种性质的主要应用途径是依据实现指定的准则将图像分割为相似…

UTF8有BOM和无BOM

UTF-8 不需要 BOM&#xff0c;尽管 Unicode 标准允许在 UTF-8 中使用 BOM。所以不含 BOM 的 UTF-8 才是标准形式&#xff0c;在 UTF-8 文件中放置 BOM 主要是微软的习惯&#xff08;顺便提一下&#xff1a;把带有 BOM 的小端序 UTF-16 称作「Unicode」而又不详细说明&#xff0…

给初学者们讲解人工神经网络(ANN)

1. 介绍 这份教学包是针对那些对人工神经网络&#xff08;ANN&#xff09;没有接触过、基本上完全不懂的一批人做的一个简短入门级的介绍。我们首先简要的引入网络模型&#xff0c;然后才开始讲解ANN的相关术语。作为一个应用的案例&#xff0c;我们解释了后向传播算法&#x…

Receiver type ‘X’ for instance message is a forward declaration

引用的问题。 ARC要求完整的前向引用&#xff0c;也就是说在MRC时代可能只需要在.h中申明class就可以&#xff0c; 但是在ARC中如果调用某个子类中未覆盖的父类中的方法的话&#xff0c;必须对父类.h引用&#xff0c;否则无法编译。 在一个类中使用MRC 其中引用使用class 另一个…

最后一场「屏之争」:汽车大佬与硅谷巨头的贴身肉搏

作者 | Tim Higgins 、William Boston来源&#xff1a;机器之能编译摘要&#xff1a;安卓的跨平台生态系统允许用户在手机和车机等不同屏幕上访问他们的数字生活&#xff0c;在去年&#xff0c;它帮助谷歌获得了 820 亿美元的移动广告收入。但在大众 CEO 赫伯特迪斯&#xff08…

站立会议07

昨天完成的任务 实现了不用电源键就能控制设备的亮、暗屏 今天的任务以及昨天的困难 由于控制亮、暗屏还有许多不足之处如&#xff1a;反应问题、以及一旦按下电源键锁屏就不能再控制设备使其变亮&#xff0c;只能在利用电源键唤醒&#xff0c;所以今天继续完善这一部分转载于:…

对网络体系变革的思考

来源&#xff1a;&#xff1a;中兴摘要&#xff1a;互联网已走过了50年&#xff0c;其发展远远超越了初衷&#xff0c;各类新业务与应用加大了网络体系变革的压力&#xff0c;对网络体系颠覆性的探索和演进创新一直在进行。近年来关于5G网络体系的演进方向逐渐明朗&#xff0c;…

Junit 内部解密之一: Test + TestCase + TestSuite

转自:http://blog.sina.com.cn/s/blog_6cf812be0100wbhq.html nterface: Test 整个测试的的基础接口 Method 1: abstract int countTestCases() 这个方法主要是用来计算要运行的test case的数量的。 Method 2&#xff1a;abstract void run(TestResult result) 这个方法主要是…

数据预测之BP神经网络具体应用以及matlab实现

1.具体应用实例。根据表2&#xff0c;预测序号15的跳高成绩。 表2 国内男子跳高运动员各项素质指标 序号 跳高成绩() 30行进跑(s) 立定三级跳远() 助跑摸高() 助跑4—6步跳高() 负重深蹲杠铃() 杠铃半蹲系数 100 (s) 抓举 () 1 2.24 3.2 9.6 3.45 2.15 1…

谷歌机器人业务重组 花里胡哨没有用 要做实干家

来源&#xff1a; medium 编译 | 网易智能 (乐邦)在机器人领域&#xff0c;谷歌一直都不怎么顺利&#xff0c;尽管在前些年它大举进军&#xff0c;完成了多宗相关的并购交易。最近该公司重组成立Robotics at Google实验室&#xff0c;这对于机器人和智能机器的发展来说是一大步…

Redis-实战案例

资料来源 极客时间 Redis 亚风 原文视频&#xff1a;https://u.geekbang.org/lesson/535?article681063 需求一 &#xff1a;帖子 同⼀个⽤户只能点赞⼀次&#xff0c;再次点击则取消点赞 如果当前⽤户已经点赞&#xff0c;则点赞按钮⾼亮实现 展示点赞数量并展示点赞top3&a…

vc中关于 directx的配置,和dxsdk_extras(directshow)

2009-11-10 0:28此文章&#xff1a;自己编写 转载于《汤姆&杰瑞》 DirectShow 1 —— 下载与VC配置 1 DirectX SDK9 Directshow sdk 下载网址 &#xff1a;http://download.microsoft.com/download/d/9/1/d91c44b9-fbac-4e8e-bee1-4a75777923ec/dxsdk_feb2005_extras.exe 在…

BP神经网络识别手写数字项目解析及matlab实现

BP神经网络指传统的人工神经网络&#xff0c;相比于卷积神经网络(CNN)来说要简单些。 人工神经网络具有复杂模式和进行联想、推理记忆的功能, 它是解决某些传统方法所无法解决的问题的有力工具。目前, 它日益受到重视, 同时其他学科的发展, 为其提供了更大的机会。1986 年, Rom…

智能家居市场年增速近30%!苹果看齐亚马逊、谷歌,欲开辟三足鼎立

来源&#xff1a;物联网智库整理摘要&#xff1a;作为世界领先的科技巨头&#xff0c;亚马逊、谷歌和苹果相爱相杀许多年。在智能家居领域&#xff0c;三家的“战争”也会随着市场的成熟而更加激烈。尽管苹果目前稍显落后&#xff0c;但未来市场广阔谁主沉浮仍未可知。近日&…

简单实现UITableView索引功能(中英文首字母索引)(一) ByH罗

UITableView索引功能是常见的,主要是获取中英文的首字母并排序&#xff0c;系统自带获取首字母 //系统获取首字母 - (NSString *) pinyinFirstLetter:(NSString*)sourceString {NSMutableString *source [sourceString mutableCopy];CFStringTransform((__bridge CFMutableStr…

matlab——图像细化

所谓细化&#xff0c;就是从原来的图像中去掉一些点&#xff0c;但仍要保持原来的形状。 1、代码如下&#xff1a; close all;clear all;clc; %关闭所有图形窗口&#xff0c;清除工作空间所有变量&#xff0c;清空命令行 I1imread(circles.png); subplot(1,3,1),imshow(I1);…