javascrip通过id获取标签案例

简介: javascrip通过id获取标签案例

getElementById的语法

注意事项1:js代码写在标签后面

注意事项2:参数是区分大小写的字符串

注意事项3:返回的是1个元素对象


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取元素</title>
</head>
<body>
    <div id="time">2020-10-10</div>
    <script>
        // 通过id来过去标签
        var timer = document.getElementById('time');
        console.log(timer);
    </script>
</body>
</html>



相关文章
|
JavaScript
js: 获取标签元素data-*属性值的方法
js: 获取标签元素data-*属性值的方法
298 0
|
5月前
|
前端开发
CSS基础-CSS选择器:ID、Class、Tag
【6月更文挑战第7天】本文介绍了CSS中的三种基本选择器:ID、Class和Tag选择器。Tag选择器适用于统一设置同类型元素样式,但可能造成样式泛化;Class选择器灵活性高,适合复用,注意命名规范和避免过度使用;ID选择器具有最高优先级,用于唯一标识,应谨慎使用。理解其特点和场景,结合良好命名规范,能提升CSS代码效率和可维护性。
61 2
|
存储 JavaScript 前端开发
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
140 1
|
JavaScript
原生js生成唯一id方法
原生js生成唯一id方法
112 0
|
移动开发 安全 数据可视化
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
216 0
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
|
前端开发
前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
148 0
前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
|
JavaScript
jQuery中的.html() .text() .val() .attr()获取元素内容、值、属性
本文目录 1. 元素 2. 内容、值、属性 3. html() text() val() attr()用法
200 0
jQuery中的.html() .text() .val() .attr()获取元素内容、值、属性
|
JavaScript 前端开发
jquery weui地区选择器数据自定义报错'sub' of undefined,修改源码解决
jquery weui地区选择器数据自定义报错'sub' of undefined,修改源码解决 报错原因是数据格式错误,或者设置默认选择的地区与数据不一致 <div class="weui-cell"> <div class="weui-cell__hd">居住地:</div> .
1985 0