<script>
/* 功能说明:
在所有class为required的input框后面加上红星号
使用到的javascript的方法:
createElement、createTextNode、 setAttribute、appendChild 、cloneNode(true)、insertBefore
属性:parentNode 、className、style
//生成一个节点的方法1 使用createElement、 setAttribute、appendChild
var obj = document.createElement("font");
obj.setAttribute("color","red");
obj.appendChild(document.createTextNode("*"));
*/
/*
//生成一个节点的方法2 定义<font id="redStar" style="display:none" color="red">*</font>
把
var objTemp = document.getElementById("redStar");
var obj = objTemp.cloneNode(true);
obj.style.display="";
*/
var objTemp = document.getElementById("redStar");
var obj = objTemp.cloneNode(true);
obj.style.display="";
function addStarLable(){
var inputObjs = document.getElementsByTagName("input");
for(var i=0;i<inputObjs.length;i++){
inputObjs[i].setAttribute("id","id"+i)
if((inputObjs[i].className.indexOf('required'))!=-1){
inputObjs[i].parentNode.insertBefore(obj.cloneNode(true),inputObjs[i].nextSibling);
}
}
}
addStarLable();
</script>
10 DOM
10.1 节点层次
父节点. appendChild(newNode) 在父节点的所有子节点的最后添加一个节点--newNode
父节点. insertBefore(newNode,someNode) 在父节点的某个子节点--someNode前添加一个节点--newNode
分享到:
相关推荐
JavaScript 高级程序设计高级程序设计高清完美版
Javascript 高级程序设计(第3版)超清中文PDF带目录完整版,个人的学习使用,共25M。
JavaScript 高级程序设计(第3版)【附源代码】
前端开发必备 Javascript 高级程序设计第3版(完整源代码书上每个例子都有)本书从最早期Netscape浏览器中的JavaScript开始讲起,直到当前它对XML和Web服务的具体支持,内容主要涉及JavaScript的语言特点、...
javascript 高级程序设计源码 Nicholas 完美版 不含任何广告 学习javascript必备
JavaScript 高级程序设计
JavaScript高级程序设计第四版--示例代码
javascript 高级程序设计
Javascript 高级程序设计-第三版-中文版.pdf,内容经典
[Wrox] JavaScript 高级程序设计 第2版 (英文版) [Wrox] Professional JavaScript for Web Developers 2nd Edition (E-Book) ☆ 出版信息:☆ [作者信息] Nicholas C. Zakas [出版机构] Wrox [出版日期] 2009年...
Javascript 高级程序设计 第三版
JavaScript高级程序设计.pdf
javaScript 高级程序设计源码下载
JavaScript 高级程序设计 电子书
最经典的javascript教程,英文原版