javaScipt-- 节点查询

最新推荐文章于 2023-02-22 16:42:29 发布

原创最新推荐文章于 2023-02-22 16:42:29 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用JavaScript操作DOM元素，包括设置和修改class、自定义元素样式的方法，以及多种查询节点的技巧，如通过ID、name、class查询和根据节点层级关系查找。

	元素的类型
	1.setAttribute(attr)设置class的值
	elem.setAttribute("class","类选择器")
	2.使用 className 属性值修改class的值
	elem.className = "类选择器";
	3.自定义元素的样式
	elem.style.css属性 = 值;
	查询节点
	通过id查询
	var elem = document.getElementById();
	语法:
	1.document.getElementsByTabName()
	2.div = document.getElementById();
	div.getElementsTabName("p");
	返回指定标签元素组成的数组
	通过元素的name 属性来查询节点
	优先使用在 单选按钮 和 复选框中
	语法:document.getElementByname()
	返回值:返回指定 name值组成的数组
	3.通过元素的class查询节点
	语法:document|elem.getElementsByclass(class)
	4.根据节点的层级关系查找节点
	1.parentNode
	  返回当前元素的父节点
	2.childNodes
	  返回当前元素的子节点数