在这方面需要帮助。我想在段落上应用从下面列表中选择的边框样式。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>
您有几个错误:
文档。
从第一个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>