好资源导航 » 文章资讯 » JavaScript中 DOM操作方法小结

JavaScript中 DOM操作方法小结

2024-02-25 01:54:03 353

DM是(DocumentObjectModel)的简称。

一.找元素

二.获取内容

三.操作属性

四.设置样式

vara=document.getElementsByClassName("a");

a[o].style.background-color="red";//(只能取钳在body里边的)

五.相关元素操作

五.元素的创建、添加、删除

varobj=document.createElement('标签名');

a.appendChild();向a中添加一个子元素。

a.removeChild();从a中删除一个子元素。

a.selectedIndex 选中的是第几个；a.options[a.selectedIndex] //取出第几个option对象；

六.字符串操作

vars="helloworld";

alert(s.toLowerCase()); 转小写 toUpperCase();转大写

alert(s.substring(3,8)) 从第三个位置截取到第八个位置

alert(s.substr(3,8)); 从第三个位置截取，截取八个字符长度。不写后面数字是截到最后。

s.split('') 将字符串按照指定字符拆开。

七.事件

例题解析：1.复选框按钮，下一步可用



无标题文档





同意

2.两个下拉框互传内容



无标题文档













时间
日期
年月
东西
南北

3.三个下拉框日期选择

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。