document.createElement()用法及注意事项

2016-02-20 00:44 11 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的document.createElement()用法及注意事项教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)查看关于 createElement 的文章

今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)var inputObj = document.createElement("input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;' " readonly ");
但是这样的情况在ff下是不兼容的。
还有就是特别注意input元素的创建:与 input 有关的元素有很多,比如:checkbox、radio、submit、reset...,因此创建 input 是个很特殊的用法。
创建不同的 input 正确的做法是:
div id="board"/div

script type="text/javascript"
!--
var board = document.getElementById("board");
var e = document.createElement("input");
e.type = "radio"; //紧接着上一行写
var obj = board.appendChild(e);
obj.checked = true;
//如下写法也是正确的:
//e.checked = true;
--
/script
针对 input,在 Netscape、Opera 和 Firefox 中 e.type 既可以在 appendChild 之前,也可以在其之后。但在 IE 中 type 属性必须在前,其它属性必须在后。

IE 创建元素,还有一个特点,就是可以连同属性一同创建,比如:var e = document.createElement("input type='radio' name='r' value='1' /"); 这在其它浏览器中是不行的,所以我们也不支持。

总结:
针对非 input 元素,各浏览器中,既可以把对元素属性的改变写在显示元素(insertBefore 或 appendChild)之前,也可以在其后。
针对 input 元素,为了兼容 IE,type 属性写在显示元素(insertBefore 或 appendChild)之前,其它属性写在其后。

推荐:
除了 input 元素的 type 属性写在显示元素(insertBefore 或 appendChild)之前外,其它属性都写在显示元素之后。
改变属性时,对写在显示元素(insertBefore 或 appendChild)之前的用 createElement 的返回值,对写在显示元素之后的用 insertBefore 或 appendChild 的返回值。

来源:http://www.tulaoshi.com/n/20160220/1632453.html

延伸阅读
标签: 养生 健康
刮痧疗法深受广大群众的喜爱,方法简单,疗效显著,操作也不是那么繁琐,但是有些禁忌和使用范围在刮痧前还是要注意一下的,下面向大家介绍些刮痧的注意事项,让大家刮出真健康。  刮痧疗法的适应范围  刮痧疗法适用于内外妇儿各科疾病,应用范围比较广泛。治疗的主要病证有:感冒咳嗽、体虚易感、自汗盗汗、发热中暑、头晕头痛...
春分养生常识及注意事项 春分天气特点 春分这一天阳光直射赤道,昼夜几乎相等,其后阳光直射位置逐渐北移,开始昼长夜短。地球上距赤道越远的地方,正午太阳高度角越小,获得的太阳光热越少。一般北半球3、4、5三个月是春季,南半球为秋季。 对于北半球来说,此时天气咋暖还寒,早春天气冷暖变化频繁,要注意在冷空气来临,华南地区尤其要...
对于经常去医院体检的女性朋友来说,tct检查肯定是不陌生的。不关注健康体检的女性朋友肯定不知道tct检查是什么?今天图老师小编就给大家介绍一下tct检查以及tct检查注意事项,感兴趣的小伙伴一起看看吧。 tct检查是什么 TCT是液基薄层细胞检测的简称,TCT检查是采用液基薄层细胞检测系统检测宫颈细胞并进行细胞学分类诊断,...
hPV检查是什么?大家是否有听说过hPV病毒呢?hPV病毒是引起宫颈癌的主要病因,而hPV检查就是检测是否有感染hPV病毒的医疗手段。今天图老师小编就给大家介绍一下hPV检查,告诉大家hPV检查项目有哪些。一起看看吧。 hPV检查是什么 hPV检测是对付人乳头瘤病毒的一种手段,病毒是一种DNA病毒,人类是hPV唯一的宿主。hPV进入机体皮...
标签: 锻炼 小孩
体格锻炼原则及注意事项 [锻炼原则] (一)循序渐进 利用自然因素进行体格锻炼,要根据幼儿的生理特点,宜循序渐进,逐步提高各种因素对人体的刺激强度,逐步延长锻炼时间。锻炼的方式由简单到复杂。这样才能使人体各种器官逐渐对锻炼产生良好适应。 (二)持之以恒 经过持续的锻炼,幼儿大脑皮层...

经验教程

878

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部