位置:电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) 推荐学习资源
课程概要
JavaScript入门
JavaScript 语法
JavaScript 变量
JavaScript 数据类型
JavaScript 对象
JavaScript 函数
JavaScript 作用域
JavaScript 事件
JavaScript 字符串
JavaScript 运算符
JavaScript 比较 和 逻辑运算符
JavaScript if...Else 语句
JavaScript switch 语句
JavaScript for 循环
JavaScript while 循环
JavaScript break 和 continue 语句
JavaScript typeof, null, 和 undefined
JavaScript 类型转换
JavaScript 正则表达式
JavaScript 错误 - throw、try 和 catch
当前阅读教程:JavaScript教程 > 改变 HTML 内容(JavaScript)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 对事件的反应(JavaScript) 下一篇: 改变 HTML 图像(JavaScript)

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
    
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
     x=document.getElementById("demo");  // 找到元素
     x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
    
</body>
</html>

默认效果图

小白教程网www.2d5.net

image.png

点击按钮后效果图

小白教程网www.2d5.net

image.png

您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。

DOM (Document Object Model)(文档小白教程网对象模型)是用于访问 HTML 元素的正式 W3C 标准。

您将在本教程的多个章节中学到有关 HTML DOM 的知识。


上一篇: 对事件的反应(JavaScript) 下一篇: 改变 HTML 图像(JavaScript)
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)