javascript不适用于LI标签

Question

嗨我有这个代码

HTML代码

<ul>
<input type="button" onclick="appear()"/>
<li id="addQuestionChoices">roma</li>
</ul>

css代码

#addQuestionChoices{display:none;}

javascript代码

function appear()
{document.getElementById('addQuestionChoices').style.display="block";}

但是当我按下按钮时,没有任何事情发生,javascript是否与LI标签不兼容？或者是什么 ？谢谢你的回答

Answer 1

该<li>标签必须是一个内部<ul>或<ol>,并为只允许孩子<ul>和<ol>有<li>标签.这意味着你<input>应该在以下地方之外<ul>:

<input type="button" onclick="appear()"/>
<ul>
    <li id="addQuestionChoices">roma</li>
</ul>