正文

html写js HTML写js

小编
小编 V管理员 /0 评论 /82 阅读
0103
欧意国内注册

我们需要创建一个HTML文件，然后在文件中添加一个标题和一个段落，接下来，我们将使用JavaScript来改变段落的文本内容。

1、创建一个HTML文件，index.html

2、在文件中添加以下代码：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript示例</title>
</head>
<body>
    <h1 id="title">这是一个标题</h1>
    <p id="content">这是一段初始内容。</p>
    <button onclick="changeContent()">点击更改内容</button>
    <script>
        function changeContent() {
            var title = document.getElementById("title");
            var content = document.getElementById("content");
            content.innerHTML = "这是一段通过JavaScript更改的内容。";
        }
    </script>
</body>
</html>

在这个示例中，我们创建了一个标题（<h1>标签）和一个段落（<p>标签），我们还添加了一个按钮，当用户点击该按钮时，将触发changeContent函数，这个函数会获取标题和段落的元素，然后更改段落的文本内容。