js基础总结01 --操作DOM

【js基础总结01 --操作DOM】的更多相关文章

js基础总结01 --操作DOM

1.选择对象通过id来选择绑定一个dom节点 :document.getElementById('p1'): 通过类名来绑定一个类数组的对象集合,:document.getElementsByClassName('p')://类似的还有 document.getElementsByName.document.getElementsByName等通过css选择器来返回第一个匹配的dom节点:document.querySelector('#p1'): 通过css选择器来返回一个类数组的对象集合…

GSAP JS基础教程--TweenLite操作元素的相关属性

今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了. 代码里用详细注释,我就不再重复啦,大家看代码就可以啦! 注:要一条条撤销注释看效果哦!!!!!!!!!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"…

廖雪峰js教程笔记11 操作DOM(包含作业)

由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM. 始终记住DOM是一个树形结构.操作一个DOM节点实际上就是这么几个操作: 更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容: 遍历:遍历该DOM节点下的子节点,以便进行进一步操作: 添加:在该DOM节点下新增一个子节点,相当于动态增加了一个HTML节点: 删除:将该节点从HTML中删除,相当于删掉了该DOM节点的内容以及它包含的所有子节点. 在操作一个DO…

JavaScript DOM编程基础精华01（DOM入门，DOM模型和获取页面元素,事件，window对象的方法）

DOM入门 DOM就是Html页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性.方法就可以对网页中的文本框.层等元素进行编程控制.比如通过操作文本框的DOM对象,就可以读取文本框中的值.设置文本框中的值. JavaScript→DOM就是C#→.Net Framwork.没有.net,C#只能for.while,连WriteLine.MessageBox都不行.DOM就是一些让JavaScript能操作Html页面控件的类.函数. DOM也像WinForm一样,通…

二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象控制HTML元素

1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图:…

３－１４　JS基础知识01

JavaScript的组成: JS特点:JS是一门脚本语言:不需要编译编译:把代码转化成计算机所认知的二进制语言.JS是一门弱类型语言:声明变量都用varJS是一种动态语言:认知当前的着这个变量到底是什么类型JS是一门解释性语言 JS最初的的目的是为了解决浏览器和服务器之间的交互问题(比如验证密码)JS现在能做什么?交互的问题.特效.游戏.服务器端的开发.移动开发 HTML:展示信息Css:美化页面JS:实现浏览器和服务器交互,有计算和验证的能力脚本语言:不需要编译,直接运行JS点出来的东西未…

基础3.Jquery操作Dom

1 内部插入节点 <body> <ul id="city"> <li id="bj" name="beijing" >北京</li> <li id="tj" name="tianjin"> 天津</li> <li id="cq" name="chongqing"&…

JS基础之属性操作注意事项

1.js中注意问题 font-size 改成fontSize padding-top 改成paddingTop 2.js动态添加Class class 改成className 3.oInp.type = 'checkbox';IE6,7,8不支持,可以使用display进行控制 <script>var oInp = document.getElementById('inp1'); oInp.onclick = function (){ oInp.type = 'checkbox'; /*…

JS基础内容小结（DOM&&BOM）（二）

元素.childNodes:只读属性子节点列表集合元素.nodeType:只读属性当前元素下的节点类型元素.attributes : 只读属性属性列表集合元素.children: 只读属性子节点列表的集合元素.firstChild:只读属性第一个子节点元素.lastChild || lastaetElementChild 最后一个子节点元素.nextSibling || 元素.nextElementSibling 下一个兄弟节点元素.previousSiblin…

JS基础知识-01

01-浅谈前端发展史第一阶段:C/S(client server)->B/S(browser server) 网页制作技术栈:PhotoShop.HTML.CSS 第二阶段:从静态到动态,从后端到前端前端开发工程师前后端分离后台:完成数据的分析和业务逻辑编写(包含API接口编写) 前端:网页制作.JS交互效果.数据的交互和绑定技术栈:JavaScript.Ajax(跨域技巧).jQuery... 第三阶段:从前端到全端(从PC端到移动端) H5.CSS3.响应式布局开发.Zepto.…