JavaScript DOM 基础操作 一.获取元素的六方式 document.getElementById('id名称') //根据id名称获取 document.getElementsByclassName('元素类名') //根据元素类名获取 返回值:伪数组 document.getElementsByTagName('元素类名') //根据元素标签获取 返回值:伪数组 document.querySelector('选择器') //根据选择器获取第一个元素 document.queryS…
JavaScript Dom基础 学习目标 1.掌握基本的Dom查找方法 domcument.getElementById() Domcument.getElementBy TagName() 2.掌握如何设置DOM元素的样式 DOM查找方法 语法:document.getElementById(“id”) 功能:返回对拥有指定ID的第一个对象的引用 返回值:DOM对象 说明:id为DOM元素上id属性的值 DOM查找方法 语法:document.getElementsByTagName(“ta…
上个月在进行百度三面时候,面试官提问JavaScript DOM方法,我回答的有点少,前面太关注JavaScript 兼容性,框架方面,JavaScript 原生DOM基础没有记牢,心中有点遗憾.下来继续看我喜欢的红宝书,希望深入学习JavaScript DOM. DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.删除和修改页面的某一部分. 1.Node方面 1.1 节点类型 节点类型(nodeName) 数值常量(nodeValue) 元…
Dom基础概念: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> /* DOM : Document Object Model 文档对象模型 文档:html页面 文档对象:页面中…
childNodes知识点: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> window.onload = function() { var oUl = document.ge…
文档加载完毕之后,在Window.onload方法中创建元素节点,添加到DOM文档中 代码演示: <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){ alert("运行前....…
DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口).DOM描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式.   一.DOM介绍 DOM中的三个字母,D(文档)可以理解为整个Web加载的网页文档:O(对象)可以理解为类似window对象之类的东西,可以调用属性和方法,这里我们说…
记载javascript的一些基础的知识.我们在春风秋雨中无话不说,又在春去秋来中失去了联系. js中string类型 一.字符方法:charAt() 和 charCodeAt() var stringValue = "hello world"; console.log(stringValue.charAt(1)); console.log(stringValue.charCodeAt(1)); 二.字符串操作方法: concat() var stringValue = "h…
一.DOM查找 1.document.getElementById("id") -功能:返回对拥有指定ID的第一个对象的引用 -返回值:DOM对象 -说明:id为DOM元素上id属性的值 2.document.getElementByTagName("tag") -功能:返回一个对所有tag标签引用的集合 -返回值:数组 -说明:tag为要获取的标签名称 二.DOM设置元素样式 1.ele.style.styleName=styleValue -功能:设置ele元素…
基础类型 - 数字类型(Number) 1.最基本的数据类型 2.不区分整型数值和浮点型数值 3.所有数字采用64位浮点格式存储,相当于Java和C语言中double格式 4.能表示的最大值 +- 1.7976931348623157 * 10308 5.能表示的最小值为 +-5 * 10 -324 6.NAN (not a number)属于Number类型的一种 整数: 在javascript中10禁止的整数由数字的序列组成 精准表达的范围是-9007199254740992(-253) 到…