JavaScript的innerHTML属性 javascriptinnerHTML|iOS

innerHTML属性可以用来写在HTML文档的动态HTML。
它主要用于在网页生成动态HTML，如登记表，评论表单，链接等。
文字属性的示例
在这个例子中，我们要当用户点击按钮来创建HTML表单。
【JavaScript的innerHTML属性】在这个例子中，我们动态地编写具有ID mylocation的div名称里面的html表单。我们通过调用的document.getElementById（）方法identifing这个位置。

< script type="text/javascript" > function showcommentform() { var data="http://www.srcmini.com/Name:< input type='text' name='name'>< br>Comment:< br>< textarea rows='5' cols='80'>< /textarea> < br>< input type='submit' value='http://www.srcmini.com/Post Comment'>"; document.getElementById('mylocation').innerHTML=data; } < /script> < form name="myForm"> < input type="button" value="http://www.srcmini.com/comment" onclick="showcommentform()"> < div id="mylocation">< /div> < /form>

上面的例子中的输出使用的innerHTML显示/隐藏意见表例

< !DOCTYPE html> < html> < head> < title>First JS< /title> < script> var flag=true; function commentform(){ var cform="< form action='Comment'>Enter Name:< br>< input type='text' name='name'/>< br/> Enter Email:< br>< input type='email' name='email'/>< br>Enter Comment:< br/> < textarea rows='5' cols='70'>< /textarea>< br>< input type='submit' value='http://www.srcmini.com/Post Comment'/>< /form>"; if(flag){ document.getElementById("mylocation").innerHTML=cform; flag=false; }else{ document.getElementById("mylocation").innerHTML=""; flag=true; } } < /script> < /head> < body> < button onclick="commentform()">Comment< /button> < div id="mylocation">< /div> < /body> < /html>

上面的例子中的输出