Question

我想展开/折叠文字。我找到了几个代码，但他们使用的问题是为.html分隔文件我需要的是将所有这些文件设置在同一个文档.html中因为我使用HTML编辑器，所以我不得不将所有代码放在同一页面中。请告知该做什么或者是否有一个非常有用的教程。提前谢谢。

Answer 1

在这里你学习这个，你将了解基础知识：

W3Schools

使用此编辑代码（不仅仅是括号）：

Brackets

这是包含style代码和script代码的一页HTML：

您的css会进入<style></style>

您的js会进入<script></script>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html/js; charset=utf-8" />

<title>Untitled Document</title>
    
<style>

.page-header {
  color: #000;
}

#click {
  border-radius: 2%;
  height: 30px;
  color: green;
}
     
</style>

</head>

<body class="test">
    <header class="page-header">SIMPLE EXAmPLE</header>      
<div class="row">
  <div class="element">
      <div class="start" id="testdiv"></div>
      <button id="click">click to color background</button>
  </div>
</div>   
</body>
    
<script type="text/javascript">
    var clickAlert = document.getElementById('click');
    var rainbow = ["red", "blue", "green", "yellow"];

    function change() {
      document.body.style.background = rainbow[Math.floor(4*Math.random())];
    }

    clickAlert.addEventListener("click", change);  
</script>  
</html>

使用html展开折叠文本

1 个答案: