为了账号安全,请及时绑定邮箱和手机立即绑定

怎么用js动态生成html页面(包含创建很多不同类型input)

怎么用js动态生成html页面(包含创建很多不同类型input)

落落妞 2017-05-15 16:09:04
查看完整描述

1 回答

?
无所畏惧小小小

TA贡献20条经验 获得超5个赞

首先先引入jQuery(原生js也能实现,只是个人觉得jquery对dom操作更简单)

js中代码如下:

(function(){
	$("body").html('<input type="button" name="" id="" value="点我" />');
})()

其他类型的input标签根据上边代码自己加就ok。

不想用jquery就用下面的代码...

(function(){
	var body=document.getElementsByTagName('body')[0].innerHTML+='<input type="button" name="" id="" value="点我" />';
})()


查看完整回答
1 反对 回复 2017-05-15
  • 落落妞
    落落妞
    首先谢谢你 只是我要的不是这么简单的,我说的js创建 是通过页面单选或者多选的设置组成一个对象数据 根据数据创建html
  • __记忆
    __记忆
    厉害了,学习这么用功
  • 无所畏惧小小小
    无所畏惧小小小
    如果只用js中写好的数据(静态数据),我一般用angularjs创建一个对象数组 $scope.bookTypes = [ { 'code': '0', 'name': 'All' }, { 'code': '1', 'name': 'eBook' }, { 'code': '2', 'name': 'Audio Book' }, { 'code': '3', 'name': 'Print Book' } ]; 然后页面中使用ng-repeat遍历数据显示。 如果你说的数据来自数据库,原理也差不多,就是先用假数据确定好展示格式,然后请求数据库信息,最后遍历数据展示在页面中。
  • 1 回答
  • 0 关注
  • 2784 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信