HTML js 复习
<a href="#top" target="_self">返回顶部</a> 返回页面顶部代码
打印js对象方法
function writeObj(obj){
var description = "";
for(var i in obj){
var property=obj[i];
description+=i+" = "+property+"\n";
}
alert(description);
}
writeObj(callbackObj);
判断浏览器是否支持javascript
if(!document.getElementById || !document.createTextNode){return;}
dom复习
访问文档中的元素
document.getElementById('id'):获取给定id的元素,并将其作为对象
document.getElementsByTagName('tagname'):获取所有标签名为tagname的元素,并把它保 存在一个类似数组的列表中
读取元素的属性,节点值及其他节点数据
node.getAttribute('attribute'):获取属性名为attribute的值
node.setAttribute('attibute','value')设置属性名为attribute的值为value
node.nodeType:读取节点类型(1=元素,3=文本节点)
node.nodeName:读取节点名称(元素名字或#textNode)
node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容)
节点之间的操作
node.previousSibling:获取上一个兄弟节点,并将它保存为一个对象
node.nextSibling获取下一个兄弟节点,并将它保存为一个对象
node.childNodes:获取对象的所有子节点,并将它们存储在一个列表中,对于第一个和最后 一个子节点,还可以使用node.firstChild和node.lastChild进行简写
node.parentNode获取包含node的节点
创建新节点
document.createElement(element):创建一个名字为element的新元素,需要提供一个字符串 形式的元素名
document.createTextNode(string)创建一个节点值为string的文本节点
newNode=node.cloneNode(bool)创建newNode节点作为node的副本。如果bool值为true, 这个克隆将包括原节点的所有子节点和属性的克隆
node.appendChild(newNode)将newNode作为子节点,添加在node所有子节点之后
node.insertBefore(newNode,oldNode)在node节点的子节点oldNode之前插入newNode
node.removeChild(oldNode)移除node节点的子节点oldNode
node.replaceChild(newNode,oldNode)使用节点newNode替换node节点的子节点oldNode
element.innerHTMl读写给定element的HTMl内容,它是一个字符串,包括所有子节点及 他们的属性和文本内容
HTML js 复习的更多相关文章
- JS复习--更新结束
js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...
- 【JS复习笔记】07 复习感想
好吧,其实<JavaScript语言精粹>后面还简单介绍了代码风格,优美特性,以及包含的毒瘤.糟粕. 但我很快就看完了,发现其实都在前面讲过了,所以就不写了. 至今为止已经算是把JavaS ...
- js复习---string
对js的string的方法复习: 1.charCodeAt() 返回一个整数,代表指定位置字符串的unicode编码. strObj.charCodeAt(index) index 是处理字符的从零 ...
- JS复习之深浅拷贝
一.复习导论(数据类型相关) 想掌握JS的深浅拷贝,首先来回顾一下JS的数据类型,JS中数据类型分为基本数据类型和引用数据类型. 基本数据类型是指存放在栈中的简单数据段,数据大小确定,内存空间大小可以 ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- JS,复习
按钮,倒数五秒操作练习 <input type="button" id="btn1" value="按钮(5)" disable=&q ...
- 【JS复习笔记】05 正则表达式
好吧,正则表达式,我从来没记过.以前要用的时候都是网上Copy一下的. 这里还是扯一下吧,以后要是有要用到的正则表达式那么就收集到这个帖子里.(尽管我认为不会,因为我根本就不是一个专业的前端,我只是来 ...
- 【JS复习笔记】04 数组
JS里的数组其实并不是一个数组,它其实是一个对象,a[1]这种调用方式其实就是一个字面量为1的属性. 因为这东西实际上是一个对象,所以你就可以理解下面这种声明了吧! var arrName=['我可以 ...
- 【JS复习笔记】03 继承
关于继承 好吧,说到底JS还是原型继承的,而不是类继承.所以在这个上面要经常用到prototype去继承另一个对象. 所有的构造器函数都约定命名为首字母大写的形式,并且不以首字母大写的形式拼写任何其它 ...
随机推荐
- RabbitMQ 3.9( 续 )
前言 基础篇链接:https://www.cnblogs.com/xiegongzi/p/16229678.html 3.9.延迟队列 - 重要 3.9.1.延迟队列概念 这个玩意儿要表达的意思其实已 ...
- EFCore常规操作生成的SQL语句一览
前言 EFCore的性能先不说,便捷性绝对是.Net Core平台下的ORM中最好用的,主要血统还百分百纯正. EFCore说到底还是对数据库进行操作,无论你是写Lamda还是Linq最后总归都是要生 ...
- 机构:DARPA
DARPA,美国国防部高级研究计划局. 2021年3月19日,英特尔(Intel)宣布与美国国防部高级研究计划局(DARPA)达成的一项新合作,旨在推动在美制造的专用集成电路(ASIC)芯片的开发. ...
- K8S Calico网络插件
0.前言 参考文档:https://github.com/containernetworking/cni Pod网络插件,为了实现Pod网络而需要的插件.组件.由于Kubernetes通过开放的CNI ...
- Spring大事务到底如何优化?
所谓的大事务就是耗时比较长的事务. Spring有两种方式实现事务,分别是编程式和声明式两种. 不手动开启事务,mysql 默认自动提交事务,一条语句执行完自动提交. 一.大事务产生的原因 操作的数据 ...
- Public Round #1
传送门 [PR #1]删数 题意:写的很清楚了,略 思路: 首先转化为差分数组,两个连续数相同,删掉,乘二放进去. 发现能互相转化的两个数,符号,值\(/lowbit\)都一样. 把能相互转化的数归为 ...
- 测试软件稳定性、健壮性之Monkey工具--简洁与深入
搭建环境这章节没做详细说明,因为我是前期做APP自动化是已经将 SDK 以及JDK给安装配置好了,这次是直接上来演示monkey的功能点以及运用 一.什么是稳定性测试? 通过随机点击屏幕一段时间,看看 ...
- 优先队列STL
引入 优先队列是一种特殊的队列,它的功能是--自动排序. 基本操作: q.size(); //返回q里元素个数 q.empty(); //返回q是否为空,空则返回1,否则返回0 q.push(k); ...
- 10分钟快速部署camunda BPM开源版
安装部署Camunda BPM有多种方式,基于Camunda独立web应用程序安装部署是最简单的一种方式,您只需要有tomcat即可. 本文档将指导您安装和配置Camunda独立web应用程序,快速体 ...
- SAP ABAP 快速入门之 开发环境 (Environment)
报表是学习ABAP 原则和工具的很好的 起点.ABAP 报表在许多领域都有使用,本章将介绍简单ABAP 报表的开发. Hello ABAP 让我们以'Hello World' 开始. 每一个abap ...