javascript高级程序设计

 <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)