博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS扩展篇
阅读量:6962 次
发布时间:2019-06-27

本文共 1071 字,大约阅读时间需要 3 分钟。

关于函数

函数是可重复执行的包含特定功能的代码段。

js中的命名函数匿名函数

    

关于DOM

DOMDocument Object Model,称为文档对象模型,在网页加载时,可以将结构化文档在内存中转换为对象结构树。简单的说,DOM并不是一种技术,而是一种访问结构化文档的一种思想。借用DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。

DOM模型中的节点--文档可以说是由节点构成的集合。在DOM模型中有以下3种节点:

  • 元素节点:各种标签就是这些元素节点的名称,如<p><ul>
  • 属性节点:一般用来修饰元素节点就称为属性节点
  • 文本节点:文本节点总是被包含在元素节点的内部

注:为了动态地修改html元素,须先访问html元素。

查找HTML元素

document.getElementById()            //id   document.getElementsByClassName()    //classdocument.getElementsByName()         //namedocument.getElementsByTagName()      //tagName

对元素节点的操作:

//创建节点document.createElement(tag);    //tag必须是合法的html元素//复制节点document.cloneNode(boolean deep);    //deep为true,复制所有后带节点,为false,只复制当前节点//添加节点node.appendChild(newNode)node.insertBefore(newNode, refNode)//修改node.replaceChild(newNode, oldNode)//删除node.removeChild(oldNode)

对属性节点的操作:

//添加node.setAttribute('属性名', '值');//删除node.removeAttribute('属性名');//修改node.setAttribute('属性名', '值');//查询node.getAttribute('属性名')

对文本节点的操作:

//添加、删除、修改、查询node.innerHTML = '';

注:通过DOM还可以修改HTML标签节点的样式:

document.getElementById(id).style.property = new style

转载地址:http://bowsl.baihongyu.com/

你可能感兴趣的文章
Java多线程系列--“基础篇”08之 join()
查看>>
equals方法的重写代码实例
查看>>
C语言取到不重复的随机数
查看>>
免费SSL证书申请
查看>>
转 logging还是debug
查看>>
一个屌丝从Windows到Mac平台的使用告白(三)
查看>>
ubuntu上tomcat 启动成功但访问不了
查看>>
SQLAlchemy实战详解
查看>>
pinpoint安装
查看>>
git代码提交方式
查看>>
centos 中文乱码
查看>>
angular 中 controller和指令之间互传方法
查看>>
搭建Java Web项目问题总结
查看>>
【ZZ】互联网协议入门(一)
查看>>
最实用的11个Android开发资源
查看>>
Windows下redis 安装与PHP使用
查看>>
java经纬度距离换算,根据距离算经纬度差值
查看>>
关于nginx环境下bootstrap中font-awesome图标不显示的问题
查看>>
java并发之CountDownLatch
查看>>
mysql 删除重复数据
查看>>