getElementById( ) 方法

「已注销」

于 2021-05-28 22:50:05 发布

阅读量6.5k

点赞数 3

本文链接：https://blog.csdn.net/m0_57835615/article/details/117375292

版权

关键词由CSDN通过智能技术生成

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>

效果图：