JavaScript常用写法

1. js按照class查找div第一个元素
   
   

               document.getElementById("gview_table_list").style.overflowX = "hidden";
               document.getElementById("gview_table_detail").style.overflowX = "hidden";
               document.getElementsByClassName('ui-jqgrid-bdiv')[0].style.overflowX = "hidden";
               document.getElementsByClassName('ui-jqgrid-bdiv')[1].style.overflowX = "hidden";

   View Code
2. js动态设定padding-right
   
   

   document.getElementById("p1").style.paddingRight="2cm";

   View Code
3. JS函数修改html的元素内容,及修改属性内容
   
   

   document.getElementById("aid").innerHTML="World";
   document.getElementById("aid").href="http://www.jikexueyuan.com";
   document.getElementById("aid").style="width:120px";
   document.getElementById("aid").style.color="blue";
   document.getElementById("aid").setAttribute("class", "abc");
   document.getElementById("aid").className ="abc";

   View Code
4. JS操作自定义属性
   
   

   <input type="text" id="txtBox" displayName="123456" />
   获取自定义属性值:
   document.getElementById("txtBox").getAttribute("displayName");
   document.getElementById("txtInput").attributes["displayName"].nodeValue
   设置自定义属性值:
   document.all.txtBox.setAttribute("displayName ","123456");
   document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"

   View Code
   
   
   
   
5. 212
   
   
   
6. 122
   
   
   
7. 2121
   
   
   
8. 1212
   
   
   
9. 121