<!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>Document</title>
</head>
<body>
<p id="demo">JavaScript 能改变 HTML 元素的内容。</p>
<script>
function myfunction()
{
x=document.getElementById("demo");//找到元素
x.innerHTML="hello js!";
}
</script>
<button type="button" onclick="myfunction()">点我改变文字内容</button>
</body>
</html>
您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。
DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。
您将在本教程的多个章节中学到有关 HTML DOM 的知识。