DOM(通过class的值获取元素&通过元素获取元素&Element类型提供简写的用于获取标准属性的方式&元素的内容1.2)

node.getElementsByTagNmae;
node可以为任何节点对象

1、通过class的值获取元素
语法:
node.getElementsByClassName("class属性值");
node表示任何节点对象
注意,得到的是一个集合

2、通过选择器选取元素
语法:
node.querySelector("选择器名");
获取到第一个与选择器名匹配的元素

node.querySelectorAll("选择器名");
获取到所有匹配的元素节点
得到的是一个数组

注意,以上两种方式,node可以为任何节点对象

3、document.all
获取页面中所有元素节点的集合

document.all[0];表示页面中的第1一个元素
可以设置某元素的id属性(id = d1),通过document.all.id值调用该元素

document.head;
document.body;//获取body节点
Element类型提供简写的用于获取标准属性的方式
-id:访问元素的id属性(存/取)
语法:元素节点名.id

-title:访问元素的title属性

-style:获取元素style属性的值,注意,只能获取style属性的值,也就是只能获取内联样式
语法:元素节点对象.style

-className:访问元素对象class属性的值
语法:元素节点对象.className;

元素的内容
1、元素的HTML内容
innerHTML属性,获取包括html标记在内的所有内容
获取元素内包括html标记在内所有内容
2、文本内容
textContent属性可以获取或设置元素节点中的文本内容,识别不了html标记
获取元素内纯文本内容,html标记会被忽略
3、nodeValue 和 textContent
元素节点的nodeValue是null或undefined;而元素节点的textContent是元素节点中的文本内容
DOM(通过class的值获取元素&通过元素获取元素&Element类型提供简写的用于获取标准属性的方式&元素的内容1.2)