chevron_left

原生 JavaScript 教程
免费
第 6.5 回

教程文档

原生 JavaScript 教程 - 属性操作

2023年11月13日
原生 JavaScript 教程

属性操作

读取属性

<div id="myDiv" class="db" title="Body text" height="200" data-id="1">123</div>

var div = document.getElementById("myDiv");
console.log(div.getAttribute('height'));
console.log(div.getAttribute('class'));
console.log(div.getAttribute('data-id'));

设置属性

div.setAttribute('title', 'hello world');

删除属性

div.removeAttribute('class');

data-* 开头的自定义属性的操作

// 读取
console.log(div.dataset.id);

// 设置
div.dataset.id = "10"
请登录后查看更多expand_more

课程介绍

此教程由长乐未央官方出品，目的是让新手能在最短的时间系统学会前端。

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发 Web 页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript 是一种属于网络的高级脚本语言，已经被广泛用于 Web 应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常 JavaScript 脚本是通过嵌入在 HTML 中来实现自身的功能的。

目录

适合这样的人

新手

授课老师