【js基础：对DOM进行操作，删除、添加元素】的更多相关文章

【2017-03-28】JS基础、DOM操作

一.JS基础 1.javascript功能 ⑴进行数据运算 ⑵控制浏览器功能 ⑶控制元素的属性.样式.内容 2.javascript位置和格式 可以放在html页的任意位置,也可以创建一个以js结尾的文件内,将该文件引用到html页内 推荐放在<html></html>后边 <script type="text/javascript"> js脚本语言位置 </script> 3.3个常用对话框 alert("警告内容"…

js基础例子dom+原型+oop基础知识记录01

//oo:概念是计算机中对于现实世界的理解和抽象的方法 //由计算机利用编程技术发展到现在的产物 //面向对象几要素 //对象:由属性和方法组成的集合 //属性:保存数据,存储在对象内存空间中的唯一的地方集合 //方法:在类外,函数叫函数,在类中,函数叫方法,用于完成想要的功能 //成员:属性与方法的统称 //创建方法3种方法 //1:直接量:语法{key:value}; //例1: var object1={name:'python',age:25, sex:'hello', f1:funct…

JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作

html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick="add()">add</button> </div> <div id="a3"> <button onclick="del()">del</button> </div> &l…

js基础篇(dom操作，字符串，this等)

首先我们来看这样一道题 <div id='foo' class='aa bb cc'></div>写出如何判断此div中是否含有aa(注:aa成立,aaa不成立) 首先,我们一定是取出class里面的这个字符串,然后我们想办法判断出这个字符串里面是否存在aa,并且只有aa. 我给大家提供了三种方法,第一种利用getAttribute方法,第二种利用getElementByClassName,第三种就是正则匹配了. 代码如下: /* ***用getAttribute方法实现 */ v…

【JS基础】DOM操作

appendChild() //向节点添加最后一个子节点 createElement() //创建元素节点 createTextNode() //创建文本节点,字符串值…

JavaScript (JS)基础：DOM 浅析 (含数组Array、字符串String基本方法解析)

①文本对象document: 例如:document.getElementById()    只获取一个对象          document.getElementsByTagName()   获取对象伪数组          document.getElementsByClassName() 获取对象伪数组,存在兼容问题          document.createElement()   创建元素 只有document具备write属性 页面对象:document.body    获取b…

Js基础知识1-数组操作全解

数组操作全解 js变量类型 var string; var name = "student",age=12; //underfined.null.boolean.string.number为基本数值类型.逗号一并定义初始化多个变量.基本包装类型String.Boolean.Number通过valueOf()可以获取基本数值类型,可以实现自动装箱和拆箱操作. 数组的定义 var names=[]; //定义数组并初始化为空 names = ["小明","小红…

js基础之DOM中元素对象的属性方法

在 HTML DOM (文档对象模型)中,每个部分都是节点. 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点. 文档是一个    文档节点 . 所有的HTML元素都是    元素节点 所有 HTML 属性都是    属性节点 文本插入到 HTML 元素是    文本节点 注释是    注释节点. 最基本的节点类型是Node类型,其他所有类型都继承自Node,DOM操作往往是js中开销最大的部分,因而NodeList导致的问题最多.要注意:NodeList是‘动态的’,…

HTML基础之DOM常用操作

DOM(Document Object Model ),文档对象模型,主要用于对HTML和XML文档的内容进行操作. 一.查找节点 直接获取标签 document.getElementById('i1'); //获取id为i1的标签 document.getElementsByTagName('div');//根据标签名称获得标签数组 document.getElementsByClassName('c1');//根据class属性获取标签的数组 document.getElementsByNa…

js基础之DOM

一.创建子节点 发帖在顶部显示: var oBtn = document.getElementById('btn1'); var oUl = document.getElementById('ul1'); oBtn.onclick=function(){ var oLi = document.createElement('li'); var lil = document.getElementsByTagName('li'); var otxt = document.getElementById(…