这细微的差别就会影响到程序的结果
- body{
- color:white;
- background-color:black;
- }
这些颜色不仅作用于那些直接包含在标签里的内容,还将作用于嵌套在 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");
来源: