JavaScript 浅谈Dom对象
DOM对象
DOM(Document Object Model),是指文档对象模型,是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型。
DOM节点分为三大类:元素节点,文本节点,属性节点:
文本节点,属性节点为元素节点的两个子节点;
通过getElment系列方法,可以去到元素节点;
节点用法
getElementById:通过id获取唯一的节点;多个同名ID只会取到第一个;
getElementsTagName:通过name取到一个数组,包含1到多个节点;
使用方式:通过循环取到每个节点,循环次数,从0开始<数组.length
查看设置属性节点
1.查看属性节点:getAttribute("属性名")
2.设置属性节点:setAttribute("属性名""属性值")
js修改样式总结
1、.className:为元素设置一个新的class名字;
div1.className="xxx";
2、.style:为元素设置新的样式;
div1.style.backgroundColor="blue";
3、.style.cssText:为元素同时修改多个样式;
div1.style.cssText="width: px;height: px";
查看节点
1.tagname:获取节点的标签名;
2.innerHTML:设置或者获取节点内部的所有HTML代码;
3.innerText:设置或者获取节点内部的所有文字;