DHTML JavaScript

DHTML代表的是动态超文本标记语言。DHTML结合了HTML、CSS和JavaScript来创建交互式和动态的网页。它允许根据用户输入进行自定义和内容更改。早些时候，HTML用于创建只定义内容结构的静态页面。

CSS有助于提升页面的外观。然而，这些技术在创建交互体验的能力上有限。DHTML引入了JavaScript和文档对象模型(DOM)来使网页动态化。使用DHTML，可以根据用户操作来操纵和更新网页，消除了为每个用户创建单独的静态页面的需求。

我们可以使用<src>标签将外部JavaScript文档包含在HTML文档中。否则，我们可以在HTML文档的<script>元素中包含JavaScript。

以下是我们可以使用JavaScript执行的一些任务;执行HTML任务、CSS任务、处理事件等等。

执行HTML任务
执行CSS任务
处理事件等

示例

在下面的例子中，我们使用HTML DOM的document.getElementById()方法更改id = "demo"元素的文本 −

<!DOCTYPE html>
<html>
<body>
   <h1>Welcome to Tutorialspoint</h1>
   <p id = "demo"> Text will be modified</p>
   <script>
      document.getElementById("demo").innerHTML = "Simply Easy Learning at your fingertips...";
   </script> 
</body>
</html>

示例

在下面的例子中，我们创建了一个函数，当我们点击按钮时，它会被调用，它会改变文本的背景颜色并在屏幕上显示警告框。

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo{
            display: flex;
            margin: auto;
            justify-content: center;
         }
         input{
            display: flex;
            margin: auto;
            justify-content: center;
         }
      </style>
      <h1 id = "demo"> Tutorialspoint </h1>
      <input type = "submit" onclick = "btn()"/>
      <script>
         function btn() {
            document.getElementById("demo").style.backgroundColor = "seagreen";
            window.alert("Background color changed to seagreen");
         }
      </script>
   </head>
</html>