如何使用javascript在段落上应用选定的边框样式

Question

在这方面需要帮助。我想在段落上应用从下面列表中选择的边框样式。myFunction（）不工作。少了什么？

<p id="example">Test border style here !</p>

<select id="selectlist" onchange="myFunction()">
    <option>none</option>
    <option>hidden</option>
    <option>dotted</option>
    <option>dashed</option>
    <option>solid</option>
    <option>double</option>
    <option>groove</option>
    <option>ridge</option>
    <option>inset</option>
    <option>outset</option>
</select>


<script>
function myFunction() {
    var x = getElementById("selectlist").value;
   
    document.getElementById("example").Style.borderStyle = x;
    }
</script>

Answer 1

您有几个错误：

• 缺少文档。从第一个GetElementById
之前开始
• 当属性称为style
时，您正在尝试访问 style

通常，JavaScript错误消息是非常有用的，所以一个很好的开始是运行您的代码并纠正控制台中出现的任何错误。我还建议阅读一些关于调试JavaScript的教程。

null

function myFunction() {
  var x = document.getElementById("selectlist").value;

  document.getElementById("example").style.borderStyle = x;
}

<p id="example">Test border style here !</p>

<select id="selectlist" onchange="myFunction()">
  <option>none</option>
  <option>hidden</option>
  <option>dotted</option>
  <option>dashed</option>
  <option>solid</option>
  <option>double</option>
  <option>groove</option>
  <option>ridge</option>
  <option>inset</option>
  <option>outset</option>
</select>