JavaScript对HTML文件进行数据访问
在JavaScript中，对HTML文件进行数据访问通常意味着操作HTML DOM来获取或设置元素的属性或内容。以下是一个简单的例子，展示了如何使用JavaScript从HTML文件中获取和修改数据。
假设我们有以下HTML文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Data Access Example</title>
</head>
<body>
<h1 id="greeting">Hello, World!</h1>
<button onclick="changeGreeting()">Change Greeting</button>
<script src="script.js"></script>
</body>
</html>接下来是JavaScript代码 (script.js):
function changeGreeting() {
var greetingElement = document.getElementById('greeting');
greetingElement.textContent = 'Hello, Code Reviewers!';
}在这个例子中，当用户点击按钮时，changeGreeting 函数会被调用。这个函数通过元素的ID获取到h1标签的引用，并修改了它的textContent属性，从而改变了页面上显示的问候语。这是一种基本的数据访问和操作DOM的方法。
评论已关闭