【fgm.cc练习1-4】获取div元素

最新推荐文章于 2022-12-16 18:01:03 发布

denguing

最新推荐文章于 2022-12-16 18:01:03 发布

阅读量438

点赞数

分类专栏： fgm.cc 文章标签： JavaScript css HTML 前端 fgm

本文链接：https://blog.csdn.net/DGT4720/article/details/103009923

版权

练习网址：http://www.fgm.cc/learn/lesson1/04.html
思路是获取所有div得到一个数组，循环给它加上className。

如何获取div元素，这里终于知道前几次练习中一直存在的一个疑惑了，就是得到的数组length为什么不是正确的？去掉空格之后就是正确了，原因可以看这篇。

主要就是说如果用childNodes获取会把文本节点也获取到，我所说的空格也算文本节点。所以我只有三个div，取到的childNodes却有7个。

所以获取div我用了这种方法document.querySelectorAll("div.className")或者document.querySelectorAll("div[class='aa']")

下面贴我的代码：

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<title>用循环将三个DIV变成红色</title>
		<link rel="stylesheet" href="4_changColor.css">
	</head>
	<body>
		<

最低0.47元/天解锁文章

denguing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【fgm.cc练习1-4】获取div元素

练习网址：http://www.fgm.cc/learn/lesson1/04.html思路是获取所有div得到一个数组，循环给它加上className。如何获取div元素，这里终于知道前几次练习中一直存在的一个疑惑了，就是得到的数组length为什么不是正确的？去掉空格之后就是正确了，原因可以看这篇。主要就是说如果用childNodes获取会把文本节点也获取到，我所说的空格也算文本节点。所...
复制链接

扫一扫