js获取和设置属性的方法

  

复制代码 代码如下:

  function square(num){

  var total = num*num;//局部变量

  return total;

  }

  var total = 50;//全局变量

  var number = square(20);

  alert(total);//结果为50

  function square(num){

  total = num*num;//全局变量

  return total;

  }

  var total = 50;//全局变量

  var number = square(20);

  alert(total);//结果为400

  这细微的差别就会影响到程序的结果

  

复制代码 代码如下:

  body{

  color:white;

  background-color:black;

  }

  这些颜色不仅作用于那些直接包含在<body>标签里的内容,还将作用于嵌套在body元素内的所有元素

  id属性就像一个挂钩,它一头连着文档里的某个元素,另一头连着CSS样式表里的某个样式

  document.getElementById("purchases")这个调用将返回一个对象,这个对象对应着document对象里的一个独一无二的元素,那个元素

  的的id属性值为purchases

  其实,文档中的每个元素都是一个对象。利用DOM提供的方法能够得到任何一个对象。

  getElementsByTagName返回一个数组,即使整个文档里只有一个元素,也返回一个数组。

  示例:

  

复制代码 代码如下:

  var items = document.getElementsByTagName("li");

  for(var i = 0;i<items.length;i++){

  alert(typeof items[i]);

  }

  显示信息都是object

  getElementByClassName

  也返回一个具有相同类名的元素数组

  获取和设置属性

  getAttribute

  object.getAttribute(attribute)

  注:getAttribute方法不属于document对象,它只能通过元素节点对象调用。

  setAttribute

  object.setAttribute(attribute,value)

  例子:

  var shopping = document.getElementById("purchases");

  shopping.setAttribute("title","a list of goods");