发表于: 2020-06-28 22:09:36
1 1121
今天完成的事情:
学习了js的基础知识
基础语法:
document.write(“”)
// 在html输出内容
console.iog(‘’)
//在控制台输出日志
alert(‘’)
//输出文本的警示框
字面量和变量
字面量:固定值
变量:可以保存字面量,变量可以任意修改,使用var来声名变量
如:var a
赋值 a=2
标识符:
在js中所有的自主命名的都可以称为标识符
列如:变量名、函数名、属性名都属于标识符
命名标识符需要遵守如下规则:
1.标识符可以含有字母、数字、_、$
2.标识符不能以数字为开头
3.标识符不能是es中的关键字和保留字
4.标识符一般采用驼峰命名法:首字母小写,每个单词开头大写,其余字母小写
DOM编程接口
获取节点:
document.getElementById(idName)
//通过id名来获取元素,返回一个元素对象
document.getElementsByName(name)
//通过name属性获取元素,返回元素对象数组
document.getElementsByClassName(className)
//通过class名来获取元素,返回元素对象数组
document.getElementsByTagName(tagName)
//通过标签名获取元素,返回元素对象数组
获取/设置元素的属性值:
element.getAttribute(attributeName)
//括号传入属性名,返回对应属性的属性值
element.setAttribute(attributeName,attributeValue)
//传入属性名及设置的值
创建节点Node:
document.createElement("h3")
//创建一个html元素,这里以创建h3元素为例
document.createTextNode(String)
//创建一个文本节点
document.createAttribute("class")
//创建一个属性节点,这里以创建class属性为例
增添节点:
element.appendChild(Node)
//往element内部最后面添加一个节点,参数是节点类型
elelment.insertBefore(newNode,existingNode)
//在element内部的中在existingNode前面插入newNode
删除节点:
element.removeChild(Node)
//删除当前节点下指定的子节点,删除成功返回该被删除的节点,否则返回null
评论