js基础--Dom操作

1.直接查找元素

创新互联于2013年开始,先为舞阳等服务建站,舞阳等地企业,进行企业商务咨询服务。为舞阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

document.getElementById                         #根据ID获取一个标签
document.getElementsByName               #根据name属性获取标签集合
document.getElementsByClassName     #根据class属性获取标签集合
document.getElementsByTagName         #根据标签名获取标签集合

2.间接查找元素

parentElement                  # 父节点标签元素
children                             #  所有子标签
firstElementChild             #  第一个子标签元素
lastElementChild             # 最后一个子标签元素
nextElementtSibling        # 下一个兄弟标签元素
previousElementSibling # 上一个兄弟标签元素

3.操作DOM
3.1 innerText修改标签页面上的内容

d1

3.2className修改标签的class样式

d1

3.3classList修改标签的class样式

d1

4.选择菜单
主界面
js基础--Dom操作
弹出框
js基础--Dom操作





选择姓名密码
mxm 123
ytm 123
wwqe 123

添加人员

用户名:

密码:

确认密码:

5.左侧菜单栏
js基础--Dom操作


        


菜单1
子菜单
子菜单
子菜单
菜单2
子菜单
子菜单
子菜单
菜单3
子菜单
子菜单
子菜单
菜单4
子菜单
子菜单
子菜单

标题名称:js基础--Dom操作
新闻来源:http://scyanting.com/article/ggicps.html