JavaScript-DOM编程

本文深入讲解了在JavaScript中如何操作DOM,介绍了五种获取DOM元素的方法,包括直接获取、使用ID、类名称、标签名以及name属性。同时,探讨了如何使用innerHTML、innerText和textContent来操作DOM对象的内容。

在javascript中最高层是Windows对象在这里插入图片描述
在Javascript中,页面的所有都被DOM化,每一个标签都是一个对象,存在着DOM树的关系

获取DOM的几种方式

1、直接获取
console.info(show)
2、利用api。使用id
id:var show=document.getElementById(“show”);
console.info(show);
改变值:show.innerHTML=" “;
3、利用类名称获取
var ass=document.getElementsByClassName(“active”);
console.info(ass);
返回值类似于一个数组,多个数据
改变值:ass[0].innerHTML=”“哈哈”;多个值改变使用循环
4、通过标签
var divs=document. getElementsByTagName(“div”);
console.info(divs);
5、通过name属性获取对象,主要用来获取表单标签
var usename=document.getElementsByName(“usename”);
console.info(dusename);
多选框可能拿到多个值

操作DOM对象内容

innerHTML获取DOM对象的子标签及文本内容
innerText只获取文本内容,包括子标签文本内容,不获取标签本身,不解析标签
textContent同上
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值