Javascript DOM代码中有什么错误？_Javascript

Javascript DOM代码中有什么错误？

javascript

Javascript DOM代码中有什么错误？,javascript,Javascript,我想用warnnig类和Glyph图标更改我的输入框，所以在通过Dom单击ok之后，我想更改类并添加新的span标记 <body> <div class="container"> <div class="row"> <div class="col-md-10 "> <form class=""> <div class="form-group" id="namediv">

我想用warnnig类和Glyph图标更改我的输入框，所以在通过Dom单击ok之后，我想更改类并添加新的span标记

     <body>
<div class="container">
<div class="row">
    <div class="col-md-10 ">
        <form class="">
            <div class="form-group" id="namediv">
                <label for="name">Name</label>
                <input type="text" class="form-control" name="name" id="name">
            </div>

            <input type="button" class="btn btn-primary btn-lg" id="n_button" name="n_button" value="ok"> 
            </form>
    </div>
</div>
</div>
 <script>
  var a = document.getElementById('n_button');
  a.addEventListener('click',function(){
  var ediv = document.getElementById('namediv');
             ediv.className = ediv.className +' form-group has-warning has-feedback';
             //ediv.classList.add("has-warning")

             var name = document.getElementById('name');
             var span1 = document.createElement('span');
             span1.className = "glyphicon glyphicon-warning-sign form-control-feedback" ;
             span1.setAttribute("aria-hidden",'true');
             name.appendChild(span1) ;
             var span2 = document.createElement('span');
             span2.className = "sr-only" ;
             span2.setAttribute("id",'inputWarning2Status');
             span1.appendChild(span2);
        },false) ;
       </script>


名称
var a=document.getElementById（'n_按钮'）；
a、 addEventListener（'单击'，函数（））{
var ediv=document.getElementById（'namediv'）；
ediv.className=ediv.className+“表单组有警告有反馈”；
//ediv.classList.add（“有警告”）
var name=document.getElementById（'name'）；
var span1=document.createElement（'span'）；
span1.className=“Glypicon Glypicon警告标志表单控制反馈”；
span1.setAttribute（“aria hidden”，“true”）；
姓名、子女（span1）；
var span2=document.createElement（'span'）；
span2.className=“仅限sr”；
span2.setAttribute（“id”，“inputWarning2Status”）；
span1.附肢儿童（span2）；
}，假）；

您不能将

domeElement

插入

input

，您需要使用父元素，在这种情况下，它是id为

namediv的domeElement


var a=document.getElementById（'n_按钮'）；
a、 addEventListener（'单击'，函数（））{
var ediv=document.getElementById（'namediv'）；
ediv.className=ediv.className+“表单组有警告有反馈”；
var span1=document.createElement（'span'）；
span1.className=“Glypicon Glypicon警告标志表单控制反馈”；
span1.setAttribute（“aria hidden”，“true”）；
ediv.appendChild（span1）；
var span2=document.createElement（'span'）；
span2.className=“仅限sr”；
span2.setAttribute（“id”，“inputWarning2Status”）；
span1.附肢儿童（span2）；
}，假）
/*仅用于示例*/
.表格控制反馈{
宽度：100px；
高度：100px；
边框：1px纯红；
显示：内联块；
}

名称