Question

我按照教程创建了一个扩展和关闭文本框，但我似乎无法让 onclick 功能工作，当我单击按钮时，它不会扩展文本框。您是否看到任何会阻止 onclick 功能工作的错误？谢谢！

var content = document.getElementbyId("content");
var button = document.getElementById("show-more");

button.onclick = function() {
  if (content.className == "open") {
    //shrink the box
    content.className = "";
    button.innerHTML = "Show More";
  } else {
    //expand the box
    content.className = "open";
    button.innerHTML = "Show Less";
  }
};

<div id="content">
  <p>Lorem ipsum dolor sit amet etc.</p>
</div>

<a id="show-more">Show More</a>

Answer 1

只需将拼写错误 document.getElementbyId 修正为 document.getElementById 就可以了。

查找第一行中的“B”。

var content = document.getElementById("content");
var button = document.getElementById("show-more");

button.onclick = function() {
  if (content.className == "open") {
    //shrink the box
    content.className = "";
    button.innerHTML = "Show More";
  } else {
    //expand the box
    content.className = "open";
    button.innerHTML = "Show Less";
  }
};

<div id="content">
  <p>Lorem ipsum dolor sit amet etc.</p>
</div>

<a id="show-more">Show More</a>

Onclick 按钮功能扩展文本框

1 个答案: