Javascript小技巧之生成html元素
更新时间：2014年05月15日 09:40:08 作者：
Javascript 生成 HTML元素的方法在本文中介绍2种，第一种是比较正规的创建元素方法，第二种是利用javascript中的write()方法直接写出html元素。
Javascript 生成 HTML元素的方法在本文中介绍2种，第一种是比较正规的创建元素方法，第二种是利用javascript中的write()方法直接写出html元素。
方法一：
复制代码 代码如下:
//createElement()创建input元素到obj对象中
var obj = document.createElement('input');
//选择要生成地点的前一个元素
var before = document.getElementById('before');
//设置obj元素名，值
obj.name='name';
obj.value='value';
//setAttribute是可以自由定义属性的，不仅id和type，name和value也可以在这定义
obj.setAttribute('id','idname');
obj.setAttribute('type','typename');
//在前一个元素后面添加obj
before.appendChild(obj);
方法二：
复制代码 代码如下:
document.write("<inpt name='name' value='value' id='idname' type='typename'>");
这里列举了这2种生成html的<input>元素的方法，第一种比较规范，代码比较多，第二种比较少代码。
相关文章
在页面上，用户会有很多的操作 ，每进行一次操作我们需要去展示操作的结果，在这里我们有了一个问题，我们应如何去展示不同的结果呢？2009-12-12
这篇文章主要为大家详细介绍了JavaScript+html实现前端页面随机二维码验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
最近项目写了一些js，水平有待提高,比较常用的一些js函数。2009-01-01
这篇文章为大家主要介绍了js获取url参数值的几种方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<BR>2023-07-07
这篇文章主要介绍了微信小程序开发中遇到的几个小问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-07
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。这篇文章主要介绍了Bootstrap学习笔记 轮播（Carousel）插件,需要的朋友可以参考下2017-03-03
近期做项目由于每张图片加载的时候比例大小都不一样,加载图片时大部分图片会变形,导致图片展示效果非常差,所以我们可以获取图片的原始宽高,然后以等比例展示,效果会非常好,这篇文章主要给大家介绍了关于JS获取img图片原始尺寸高度与宽度的七种方式,需要的朋友可以参考下2022-11-11![js中promise如何取到[[PromiseResult]]问题](//img.jbzj.com/images/xgimg/bcimg7.png)
js中promise如何取到[[PromiseResult]]问题
这篇文章主要介绍了js中promise如何取到[[PromiseResult]]问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
这篇文章主要介绍了JavaScript 引用类型之原始值包装类型String,String是对应字符串的引用类型。要创建一个String 对象，使用String 构造函数并传入一个数值,更多相关内容需要的朋友可以参考一下2022-07-07
在本文中，我将解释如何使用 setTimeout()，包括如何使用它来制作一个睡眠函数，使JavaScript暂停执行并在连续的代码行之间等待。2021-04-04
![js中promise如何取到[[PromiseResult]]问题](http://img.jbzj.com/images/xgimg/bcimg7.png)
最新评论