javascript - 使 textarea 文本加粗的按钮

Question

我有一个带有 onclick="bold()" 的按钮，它应该将字体粗细从正常更改为粗体，然后再恢复为正常。它什么也没做。我需要更改或添加什么？如果有帮助，这里有一个 jsfiddle:http://jsfiddle.net/dZVfh/

<script>
    var x = document.getElementById('description-box');
    function bold() {
      if( $(x).css("font-weight") == "normal") {
        $(x).css("font-weight"), "bold");
      }
      else {
        $(x).css("font-weight", "normal");
      }
    }
  </script>

Answer 1

您的代码中存在语法错误:

改变

$(x).css("font-weight"), "bold");

到

$(x).css("font-weight", "bold");

---

功能齐全

function bold() {
    var x = $('#description-box');
    if (x.css("font-weight") !== "bold") {
        x.css("font-weight", "bold");
    } else {
        x.css("font-weight", "normal");
    }
}

---

工作 fiddle :http://jsfiddle.net/dZVfh/3/

您的原始 fiddle 中存在许多问题。

• 未包含 jQuery

• 该函数在 domReady 中定义 - 这意味着单击按钮时它不可见

• CSS block 有语法错误。样式使用 ) 而不是 }

关闭

• 您试图在 DOM 准备好之前将元素分配给 x。新的 fiddle 在函数内部执行此操作(此时 DOM 已准备就绪)