前端-Javascript进阶基本语法

• 获取属性与设置属性

# 获取属性
obj.geyAttribute("test");
obj.setAttribute("class","test");

• 获取页面所有图片-images

# 获得页面的所有图片
var imgs=document.images;
# 遍历元素，点击点击谁消失谁
for(var i=0; i<imgs.length;i++){
    imgs[i].onclick(function(){
        this.style.display="none";
    });
}

• 获得页面所有的a标签-links

# 获得页面的所有a链接
var links=document.links;
# 遍历元素，点击点击谁消失谁
for(var i=0; i<links.length;i++){
    # 设置新的超链接
    links[i].href="https://allms.cn";
    # 
    links[i].target="_blank";
    #
    links[i].style.color="#FF0";
    #
    links[i].style.textDecoration="none";
}
# 带name的a标签叫做锚点<a name="top">top</a>
# 获得页面上的所有锚点
var anchors=document.anchors;

• 获得页面上的所有的表单

 var forms=document.forms;
 var elements=forms[0].elements;
 elements[1].focus();
 elements[1].value="设置第二个表单元素";
 for(var i=0; i<forms.length;i++){
     elements[i].value=i;
     # 设置表单不可编辑／只读:1/true/readonly表示选中
     elements[i].setAttribute("readonly","1");
 }
 # 单选name必须一致－＞单选(radio) name="d"
 # 设置默认值／1／0／true/false
 elements[2].checked=1;
 # checkbox     //name="d[]"
 # 全选
 function all(){
      for(var i=0; i<forms.length;i++){
          elements[i].checked=ture;
      }
 }
 # 全不选
 function all(){
      for(var i=0; i<forms.length;i++){
          elements[i].checked=false;
      }
 }
 # 反选
  function all(){
     for(var i=0; i<forms.length;i++){
          elements[i].checked=!elements[i].checked;
     }