JS的DOM操作及动画
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 : 改变事件
JS的DOM操作及动画的更多相关文章
- JS的DOM操作语法
		
整理了一下JS的DOM操作语法,这里做下记录. <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
 - js的dom操作(整理)(转)
		
js的dom操作整理(整理)(转) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来来更加方便的进行dom操作 1.dom是什么? 对于JavaS ...
 - js的DOM操作整理(整理)
		
js的DOM操作整理(整理) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1.dom是什么? 对于JavaScrip ...
 - JS的DOM操作 - 你真的了解吗?
		
摘要 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言 在前端开发的过程中,javascript极为重 ...
 - 原生js封装dom操作库
		
var utils = (function(window) { var flag = "getComputedStyle" in window; function win(attr ...
 - 5月16日上课笔记-js中DOM操作
		
一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文 ...
 - js函数 DOM操作
		
回学校了两天请了两天假,数组和方法的内容周末一定补上! 今天介绍一下JavaScript函数 Function 一.基础内容 1.定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. f ...
 - 总结js常用的dom操作(js的dom操作API)
		
转载:https://www.haorooms.com/post/js_dom_api 前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操 ...
 - js常用DOM操作
		
在博客园看到了苏夏写的常用DOM整理文章,地址:http://www.cnblogs.com/cabbagen/p/4579412.html,然后抽时间都试了一下这些常用的DOM操作.在这里记录一下. ...
 
随机推荐
- ASP.NET Core中的缓存[1]:如何在一个ASP.NET Core应用中使用缓存
			
.NET Core针对缓存提供了很好的支持 ,我们不仅可以选择将数据缓存在应用进程自身的内存中,还可以采用分布式的形式将缓存数据存储在一个“中心数据库”中.对于分布式缓存,.NET Core提供了针对 ...
 - C语言 二维数组复制、清零及打印显示
			
#include <stdlib.h> #include <stdio.h> #include <string.h> //二维整型数组打印显示 ],int row, ...
 - 自己动手系列——实现一个简单的LinkedList
			
LinkedList与ArrayList都是List接口的具体实现类.LinkedList与ArrayList在功能上也是大体一致,但是因为两者具体的实现方式不一致,所以在进行一些相同操作的时候,其效 ...
 - 开发mis系统的技术
			
一.b/s架构 b/s架构:就broser/server,浏览器/服务器的说法.服务器端要运行tomcat,提供链接数据库服务供java代码读写数据,这个可以在eclipse中配置运行.浏览器则解释j ...
 - Cocoapods在OS X Yosemite上升级时 报错的解决方法
			
原始地址:http://www.cocoachina.com/ios/20141018/9958.html 今天升级了Mac OS X 10.10-Yosemite以后运行pod install遇到下 ...
 - [翻译]现代java开发指南 第一部分
			
现代java开发指南 第一部分 第一部分:Java已不是你父亲那一代的样子 第一部分,第二部分 =================== 与历史上任何其他的语言相比,这里要排除c语言和cobol语言,现 ...
 - 从Angular2路由引发的前后端路由浅谈
			
笔者的学习进度比较慢,直到两年以前写的网站都还是以服务端为主导的,即网站的所有视图都由服务器视图模板来渲染,笔者使用的是 DotNet MVC,开发套路就是在Controller里面写Action,在 ...
 - jQuery DataTable 删除数据后重新加载
			
问题描述: 利用jQuery Datatable和artTemplate组合来做的表格.但是当删除数据时,需要重新加载table里的数据.但是问题是datatable并没有直接的重新渲染,反而给数据累 ...
 - Docker存储驱动之Btrfs简介
			
简介 Btrfs是下一代的copy-on-write文件系统,它支持很多高级特性,使其更加适合Docker.Btrfs合并在内核主线中,并且它的on-disk-format也逐渐稳定了.不过,它的很多 ...
 - Sleeping会话导致阻塞原理(下)
			
背景 最近给客户做优化时,有几个客户都存在.SLEEPING 会话中开启了事务,导致的大量阻塞,从而产生严重的性能问题.虽然在之前的文章我分享了Sleeping会话导致阻塞原理(上) .说明了什么是S ...