发表于: 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



返回列表 返回列表
评论

    分享到