JavaScript02

javascript013

DOM(document object model) 文本对象模型:

标签的层次模型:

举例::::

javascript014

javascript014

对window的讲解:

|--window

|--document

|--html

|--head

|--body

|--navigator

总的来说是这么一个层次,window是浏览器打开的一个窗口

window对象的方法讲解:

对even事件的讲解

javascript015

编写一个改变页面字体样式的代码:::

获取数据源的两种方式:

1.通过even对象的srcElement属性获得。

2.将事件源通过this传入。

要想获取兄弟节点:

1.直接通过该节点(a节点)获取兄弟节点,这样会出现获取空格节点的问题,所以应该是先获取该节点的父节点,

再通过父节点的方法获取:

var aNode = event.srcElement;

var tdNode = aNode.parentNode;

var divNoe = tdNode.getElementsByTagName("div")[0];

<td>

<a href = "----------">----</>

<div -----></div>

</td>

表格的动态创建:

对表格进行排序:

给表格中的每行添加样式:

对下拉列表(select)的操作:

用鼠标坐标来做出相应的效果:::::

开发二级菜单:省份---》城市

效果如下:

代码如下::::

27.视频重点》》》》

javascript016

对表单数据提交的校验:

时间: 2024-08-28 15:04:49

JavaScript02的相关文章

javascript-02

Document Object Model <code> var nodes = document.body;   /*获取到body的所有节点元素*/     //console.info(nodes); for(var i=0;i<nodes.childNodes.length;i++){      /*nodes.childNodes获取到body下面的所有子节点*/         console.info(nodes.childNodes[i].nodeName);   /*获

javascript基础语法-运算符

二 javascript02基础语法-运算符 (一)算术运算符:加(+). 减(-). 乘(*) .除(/) .余数(% ) * 加.减.乘.除.余数和数学中的运算方法一样 例如:9/2=4.5,4*5=20,9%2=1 * -除了可以表示减号还可以表示负号 例如:x=-y * +除了可以表示加法运算还可以用于字符串的连接 例如:"abc"+"def"="abcdef" PS:通过强制类型转换,加号还可以连接不同类型的变量,通过转换为数字或字符串