getElementById( ) 方法

getElementById( ) 方法可以返回带有指定 ID 的元素。

语法格式：

document.getElementById('ID名称'); //获取带有指定ID名称的元素

示例：

使用getElementById()方法获取div元素，并为其设置宽度、高度、背景颜色和边框。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>getElementById()方法</title>
</head>
<body><div id="box"></div><script>var box = document.getElementById('box'); //获取元素box.style.width = '200px'; //设置宽度box.style.height = '200px'; //设置高度box.style.backgroundColor = 'green'; //设置背景颜色box.style.border = '1px'+' solid' + ' #000'; //设置边框样式console.log(box);</script>
</body>
</html>

效果图：

控制台输出：

getElementById( ) 方法相关推荐

HTML DOM getElementById() 方法
定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用. 语法 document.getElementById(id) 说明 HTML DOM 定义了多种查找元素 ...
SD9001: IE6 IE7 IE8(Q) 中的 getElementById 方法能以 name 属性为参数获取某些元素
问题: IE11中暴露 getElementById 有时候可以取name值,有时候可以去id值解答如下: 标准参考 getElementById 是 Document 接口提供的方法,用于获取一个 ...
JavaScript中getElementById()方法怎么用？
getElementById()方法返回传递给函数的具有给定ID的元素.该方法广泛应用于网页设计中,用于改变任何特定元素的值或获取特定元素.如果传递给函数的ID不存在,则返回null. getElem ...
getElementById 方法及用法
[转] 顾明思义,get-Element-By-Id,就是通过ID来设置/返回HTML标签的属性及调用其事件与方法.用这个方法基本上可以控制页面所有标签,条件很简单就是给每个标签分配一个ID号: do ...
JavaScript中 querySelector 与 getElementById 方法的区别
1. 概述在看代码的时候发现基本上都是用 querySelector() 和 querySelectorAll() 来获取元素,疑惑为什么不用 getElementById(). 可能因为自己没用过 ...
document.getElementById()方法使用
原文地址为: document.getElementById()方法使用 document.getElementById使用语法:oElement = document .getElementByI ...
html中getElementById() 方法
html中getElementById方法定义和用法语法说明获取元素的value 获取元素的innerHTML 定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一 ...
querySelector和getElementById方法的区别
querySelector.querySelectorAll和getElementById.getElementsByTagName()等的区别在做开发时, getElementById() 返回带 ...
JavaScript getElementById()方法介绍
getElementById() 根据元素的 id 属性获取一个元素节点对象 getElementById()可以根据元素的 id 属性获取一个元素节点对象,该方法所有浏览器均可使用返回带有指定 I ...

getElementById( ) 方法

getElementById( ) 方法相关推荐

最新文章

热门文章