接触到js，首先要明白和css之间的区别，以及作用。 1、js如果从外部链接的话，需要在head标签下加入<script src=""></script>；如果在内部去定义，则是在body里面加入标签<script></script>，在标签里面具体展开设计。 2、js相对css，理论上与c语言编码实现某个环节类似，所以相对比css难些。 js知识点如下： 2.1、输出：我觉得弹窗输出的作用方便你检查程序问题，便于查看结果。 alert() 弹框输出 confirm() 带确定取消按钮的弹框 document.write() 在文档流中输出，也就是在网页上输出 document.getElementById.innerHTML修改页面中的html元素 console.log() 在调试平台中输出 2.2、输入 3.prompt("提示信息",默认值)；弹框输入 parseInt（页面表单元素输入值）；innerHTML提取 parseFloat（页面表单元素输入值） 2.3、数字类型 数字（number），字符串(string)，布尔(boolean)，数组(array)，对象(object)，空NULL ，未字义类型(undefined) 对象={name:"张三",sex:"男",age:30}. 对象.调用 2.4获取对象 document.getElementById("id名")； document.getElementsByClassName(“类名”)[索引值]； 2.5、修改值 对象.innerHTML=新值； 对象.value= 对象.innerText = 2.6、函数： 定义语法： function 函数名(){ //函数体 } 函数调用： 触发事件＝函数名（） 对象.事件＝function(){} 事件： onclick 点击事件 onmouseover 鼠标悬停事件 onmouseout 鼠标离开事件 onload事件 页面加载时调用 onfocus事件 获取焦点时 onblur事件 失去焦点时 onchange事件 HTML元素发生改变时触发 更改样式： 修改属性值 对象.属性名＝属性值 修改CSS样式 对象.style.样式名＝样式值 样式名（驼峰式写法 font-size:fontSize） for循环 if语句 while语句 3、DOM getAttribute(属性名) 获取元素属性 setAttribute(属性名，属性值) 设置元素属性 获取子节点方式 childNodes 包含空白节点 children 不包含空白节点 子节点个数 .childNodes.length .children.length
获取对应节点方式 childNodes[索引号] children[索引号] 父节点： parentNode 第一个子元素 firstChild 最后一个子元素 lastChild 前一个兄弟元素 previousSibling 后一个兄弟元素 nextSilbling 添加元素 appendChild 添加到内部后面 创建元素 ps=document.creatElement("p"); 赋属性值 方式 1）ps.属性名＝属性值 2）ps.setAttribute(属性名，属性值) 在节点前插入元素 insertBefore(新节点，参考的节点) 父元素.insertBefore(新元素，参考元素) 删除元素 父元素.removeChild(子元素) 替换元素 父元素.replaceChild(替换的新元素，被替换的旧元素)