讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置： 首页 > 大前端 > JavaScript > JavaScript

手册目录

JS教程

简介 使用 输出 语句 语法 注释 变量 Let Const 运算符 算数 赋值 数据类型 函数 对象 事件 字符串 字符串方法 字符串搜索 字符串模板 数字 BigInt 数字方法 数字属性 数组 数组方法 数组搜索 数组排序 数组迭代 数组 Const 日期 日期格式 日期获取方法 日期设置方法 数学 随机 逻辑 比较 条件 Switch Loop For Loop For In Loop For Of Loop While Break 可迭代对象 Set Set 方法 Map Map 方法 typeof 类型转换 解构 位运算 正则表达式 运算符优先级 异常 作用域 Hoisting 严格模式 this 关键词 箭头函数 类 模块 JSON 调试 样式指南 最佳实践 错误 性能 保留词

JS版本

JS 版本 JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS 历史

JS对象

对象定义 对象属性 对象方法 对象显示 对象访问器 对象构造器 对象原型 对象引用

JS函数

函数定义 函数参数 函数调用 函数 Call 函数 Apply 函数绑定 闭包

JS类

类简介 类继承 Static

JS Async

回调 异步 Promise Async

JS HTML DOM

DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听程序 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS Browser BOM

Window Screen Location History Navigator 弹出框 Timing Cookies

JS Web API

Web API 简介 Web Form API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 实例

JS JSON

JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS图形

图形 Canvas Plotly.js Chart 谷歌图表 D3.js

JS参考手册

参考手册（类别排序） 参考手册（字母排序）

JavaScript

收藏
分享
浏览2676
更新时间2025-08-07
使用

JavaScript 能够改变 HTML 内容

getElementById() 是多个 JavaScript HTML 方法之一。

本例使用该方法来“查找” id="demo" 的 HTML 元素，并把元素内容（innerHTML）更改为 "Hello JavaScript"：

实例

document.getElementById("demo").innerHTML = "Hello JavaScript";
运行实例 »

点击 "运行实例" 按钮查看在线实例

提示：JavaScript 同时接受双引号和单引号：

实例

document.getElementById("demo").innerHTML = 'Hello JavaScript';
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 能够改变 HTML 属性

本例通过改变 <img> 标签的 src 属性（source）来改变一张 HTML 图像：

灯泡


运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 能够改变 HTML 样式 (CSS)

改变 HTML 元素的样式，是改变 HTML 属性的一种变种：

实例

document.getElementById("demo").style.fontSize = "25px";
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 能够隐藏 HTML 元素

可通过改变 display 样式来隐藏 HTML 元素：

实例

document.getElementById("demo").style.display="none";
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 能够显示 HTML 元素

可通过改变 display 样式来显示隐藏的 HTML 元素：

实例

document.getElementById("demo").style.display="block";
运行实例 »

点击 "运行实例" 按钮查看在线实例

课外阅读

JavaScript 高级教程： JavaScript 历史 、 JavaScript 实现

使用

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221965次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624560次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240721次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397467次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

737665次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623339次学习

收藏

科技资讯

更多

24小时阅读榜

更多

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时 | 17.4万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时 | 78.2万人学习

前端入门_HTML5
前端入门_HTML5

共29课时 | 62.5万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时 | 39.7万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时 | 73.8万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

下载
VC9 32位
VC9 32位

下载
VC11 32位
VC11 32位

下载
php程序员工具箱完整版
php程序员工具箱完整版

下载
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号