非常基本的Javascript代码没有运行_Javascript_Html_Css_Javascript Events

非常基本的Javascript代码没有运行

javascript html css

非常基本的Javascript代码没有运行,javascript,html,css,javascript-events,Javascript,Html,Css,Javascript Events,我是JavaScipt的新手，我正在尝试做一些小练习来练习这些概念。我面临一个关于这个非常基本的onClick效果的问题：当你点击按钮时，文本应该展开。不会应用该效果，并且控制台不会显示任何错误。这是我的密码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Test</title> <link t

我是JavaScipt的新手，我正在尝试做一些小练习来练习这些概念。我面临一个关于这个非常基本的onClick效果的问题：当你点击按钮时，文本应该展开。不会应用该效果，并且控制台不会显示任何错误。这是我的密码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <link type = "text/css" rel = "stylesheet" href="style.css">
  </head>
  <body>
    <div id="content">
        <p>Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.</p>

      <p>Utque aegrum corpus quassari etiam levibus solet offensis, ita animus eius angustus et tener, quicquid increpuisset, ad salutis suae dispendium existimans factum aut cogitatum, insontium caedibus fecit victoriam luctuosam.</p>

      <p>Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri.</p>
      <p>Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.</p>

      <p>Utque aegrum corpus quassari etiam levibus solet offensis, ita animus eius angustus et tener, quicquid increpuisset, ad salutis suae dispendium existimans factum aut cogitatum, insontium caedibus fecit victoriam luctuosam.</p>

      <p>Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri.</p>
    </div>
    <a id="show-more">Show More</a>

  <script type="text/javascript">
var content = document.getElementById("content"); 
var button = document.getElementById("show-more"); 

button.onClick = function() {

  if(content.className == "") {
        content.className = "open";
    button.innerHTML = "Show Less";  

  } else {
        content.className = ""; 
    button.innerHTML = "Show More";   
  }
}; 
</script>
  </body>
</html>

我还尝试将我的JavaScript放在一个单独的文件中，并将其链接到HTML上，但没有任何帮助。

将

onClick

更改为

onClick

：

 button.onclick = function() {

      if(content.className == "") {
            content.className = "open";
        button.innerHTML = "Show Less";  

      } else {
            content.className = ""; 
        button.innerHTML = "Show More";   
      }
    };

只需将onClick（）更改为onClick（）。您可以在这里找到详细信息。解决这个问题很简单

实践使你成为一名优秀的开发人员：）

只需在锚定标记“a”中添加onclick函数

显示更多

我使用了textSwap（）函数名。展示更多

运行以下代码以获得输出：

enter code here


试验
有一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方
在进攻中，我们需要一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体
肿瘤患者的数量和新发数量以及反抗和抵抗的程度取决于患者的实际情况，也取决于患者的智力和认知能力
有一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方，一个地方
在进攻中，我们需要一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体，一个主体
肿瘤患者的数量和新发数量以及反抗和抵抗的程度取决于患者的实际情况，也取决于患者的智力和认知能力
显示更多
var content=document.getElementById（“内容”）；
var button=document.getElementById（“显示更多”）；
函数textSwap（）{
如果（content.className==“”）{
content.className=“打开”；
button.innerHTML=“显示较少”；
}否则{
content.className=“”；
button.innerHTML=“显示更多”；
}
};

enter code here