JavaScript-DOM编程

在javascript中最高层是Windows对象JavaScript-DOM编程
在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同上
JavaScript-DOM编程