html焦点试图代码,HTML DOM focus()用法及代码示例
DOM focus()方法用于为元素赋予焦点,并借助blur()方法删除焦点。我们可以将焦点放在任何元素上,并通过执行一些操作来启用它。例如,我们可以通过单击按钮将焦点放在某些文本上。
用法:
Object.focus()
示例1:
DOM focus() Method
input[type=text]:focus {
background-color:red;
}
DOM focus() Method
Submit
function geek() {
document.getElementById("gfg").focus();
}
输出:
在应用焦点之前:
应用焦点后:
示例2:
DOM focus() Method
a:focus {
background-color:magenta;
}
GeeksForGeeks
DOM focus() Method
id = "geek">geeksforgeeks
Submit
function geeks() {
document.getElementById("geek").focus();
}
输出:
在应用焦点之前:
应用焦点后:
支持的浏览器:下面列出了DOM focus()方法支持的浏览器:
谷歌浏览器15.0
Internet Explorer 11.0
Firefox 15.0
Opera 15.0
Safari 6.0
html焦点试图代码,HTML DOM focus()用法及代码示例相关推荐
- html dom的nodetype值介绍,HTML DOM nodeType用法及代码示例
DOM nodeType属性用于查找我们要引用的节点的类型.特定节点的类型以数字形式返回. DOM nodeType属性是一个只读属性. 返回值:它根据节点的类型返回一个数值. 1:如果node是元素 ...
- html+dfn标签,HTML DOM DFN用法及代码示例
DOM DFN对象用于表示HTML 标签. getElementById()访问DFN元素. 用法: document.getElementById("ID"); 其中" ...
- iframe展示html源代码,HTML DOM IFrame用法及代码示例
HTML DOM中的IFrame对象属性用于创建和访问对象中的元素.内联框架用于将另一个文档嵌入当前HTML文档中. 用法: 它用于访问元素.var x = document.getElementBy ...
- html 精美list,HTML DOM DList用法及代码示例
DOM DList对象用于表示HTML 用法: document.getElementById("ID");< 其中"id"是分配给"dl&qu ...
- html dom.parent,HTML DOM offsetParent用法及代码示例
在HTML中,offsetParent属性用于返回元素的最接近的祖先.返回的祖先的位置必须不是静态的.如果将元素设置为display =" none",则offestParent属 ...
- html parent()属性,HTML DOM parentElement用法及代码示例
DOM parentElement属性用于返回特定子元素的父元素.这是一个只读属性. parentElement和parentNode属性相似,唯一的区别是,如果父节点不是元素,则parentElem ...
- html table clonenode,HTML DOM cloneNode()用法及代码示例
DOM cloneNode()方法用于复制或克隆在其上调用cloneNode()方法的节点.例如,可以使用此方法将列表项从一个列表复制到另一个列表. 用法: yourNode.cloneNode([d ...
- html中offsetleft属性,HTML DOM offsetLeft用法及代码示例
DOM offsetLeft属性用于返回像素的左位置.此位置相对于offsetParent元素的左侧. 用法: element.offsetLeft 返回值:它返回以像素为单位表示元素左侧位置的数字. ...
- html before添加图片,HTML DOM before()用法及代码示例
before()方法用于在ChildNode父级的子级列表中插入一组Node对象或HTML DOMString对象.元素被插入到我们提到的ChildNode之前. 用法: ChildNode.befo ...
最新文章
- php普通索引和唯一索引,mysql下普通索引和唯一索引的效率对比
- java 媒体播放器_Java多媒体播放器(三)
- win7无法打开计算机共享文件,win7不能共享文件的解决方法
- 创业——不可忽视的创业计划书!!!
- oracle的imp和exp
- SAP CRM呼叫中心里Case ID的生成逻辑
- 寒风之家 » Thrift压缩
- .Net中的AOP系列之《方法执行前后——边界切面》
- 纯css3实现的鼠标悬停动画按钮
- ionic 支持float吗_机器人协会 | 一起拼机器人吗?
- html静态网页模板cs4,Adobe Dreamweaver CS4 精简版
- Looking Back 2018
- 8月23日亮相?三星Galaxy Note10+ 5G版渲染图曝光
- 墨鏡的bism_如何使用商业智能语义模型(BISM)和Excel设计基于地图的报表
- 除了 Coding,程序员获得收入的四大途径!
- H3C PPP 基本配置
- 数独游戏,随机生成只有唯一解的数独表
- Jmeter使用csv文件读取测试数据
- (Applied Intelligence-2022)TransGait: 基于多模态的步态识别与集合Transformer
- 第五太阳纪终结,人类文明新开端?
热门文章
- mysql 多配置文件实例安装_mysql安装之多实例多配置文件安装
- MoreUnit与MoreUnit
- java 拉姆表达式_Java8 lambda表达式10个示例
- 大学计算机html,编程基础(C+VB+HTML)(辅)19级计算机
- php开启path_info,Nginx + php-fpm 开启 PATH_INFO 模式
- 赠书:Java面试一战到底!
- 每日一问一周汇总:第2期
- 复仇者联盟与IntelliJ IDEA也很配哦
- java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
- torch 归一化,momentum用法详解