JS的DOM操作
DOM:Document Object Model
BOM:Bowers(浏览器) Object Model
找到元素:var a=document.getElementById("id") ;就找到的元素放在变量中;
id选择器:document.getElementById("id"); 根据id找,最多找一个;
class选择器:document.getElementClassName("name") ;根据classname找,找出的是数组;
标签选择器:document.getElementTagName("name");根据标签名找,找出的是数组;
name选择器:document.getElementByName("name");根据name找,找出的是数组;
操作内容:innerHTML 标签里的代码和文字都获取;
innerText 只能取文字;
操作属性:var a=document.getElementById("id");
a.setAttribute("属性名","属性值") ;设置一个属性,可以添加或者更改;
a.getAttribute(“属性名”);获取属性的值;
a.removeAttribute(“属性名”);移除一个属性;
操作样式: a.style.样式=“”;
动画
CSS 过渡(渐变效果)
JS setInterval
clearInterval
createElement:
var op = createElement("标签名")
op.属性
appendChild:appendChild(对象名) :即op
removeChild
onchange : 改变事件
相关文章
- Angular 4选择组件模板DOM元素(DOM操作)的方式
- Excel 制作可视化看板的思路及操作
- DRP项目(七)----XML应用和XML的四种解析器(dom,sax,jdom和dom4j)原理及实例
- java操作(DOM、SAX、JDOM、DOM4J)xml方式的四种比较与详解
- 使用InstallUtil安装及卸载Windows服务的具体操作 Visual Studio 2012版本
- Javascript 操作 DOM 的一些细节备注(二)
- js 六种数据类型的区别及bool 转换判断
- 【动画笔记】数据结构-AVL树的插入操作
- [linux] 冯诺依曼体系及操作系统的概念
- jQuery对象与JS原生dom对象之间的转换