使用querySelector添加移除style和class

使用querySelector添加移除style和class,第1张

使用这个方法可以对dom节点添加和移除style样式,其中的styleName可以为css样式的任何值,如:display、color

对dom节点添加一个class

对dom节点移除一个class

没有按照JS语言规范来写当然会报错。

documentgetElementById("") 里边就不要用 +拼接符了,而且后边不是document,而是直接一个点就可以了。

for 循环也有问题。

不要用O=0;这样难以区分,养成好的习惯

var sstab = documentgetElementById('yearr')getElementsByClassName("stab");

for(var i=0;i<sstablength;i++) {

var rowss = sstab[i]rows; //rows 十个什么鬼

for (var k = 0; k < rowsslength; k++){

// for 循环是标准的 for(){} 括号加大括号 你这又少个大括号是什么意思。

}

{

看来你基础还很薄弱,继续加油吧,帮你看 也是在提升自己。

还有养成

consolelog() ,还有 alealert () 检查代码的习惯,因为你写了一大串然后看报错了找死你,都不知道哪里错了,浪费时间

JavaScript选择器介绍:

1、documentquerySelector()

querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代

(1)获取文档中 id=“demo” 的元素:

documentquerySelector("#demo");

(2)获取文档中第一个p的元素

documentquerySelector(“p”);

(3)获取文档中 class=“example” 的第一个元素

documentquerySelector("example");

(4)获取文档中 class=“example” 的第一个 p 元素:

documentquerySelector(“pexample”);

(5)获取文档中有 “target” 属性的第一个 a 元素:

documentquerySelector(“a[target]”);

(6)多选择器时

documentquerySelectorAll(’ynqc’)

2、documentgetElementById

这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能通过其来调用该方法,使用方法下:documentgetElementById(‘idName’);

3、getElementsByTagName

这个方法返回一个对象数组(准确的说是HTMLCollection集合),返回元素的顺序是它们在文档中的顺序,传递给 getElementsByTagName() 方法的字符串可以不区分大小写,使用方法如下:documentgetElementsByTagName(tagName);

4、getElementsByClassName

这个方法来获取指定class名的元素,该方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始), 所以有时使用时要指定下标,使用方法如下:documentgetElementsByClassName(‘className’);

5、选择器的优缺点

(1)querySelector是按css规范来实现的,所以它传入的字符串中第一个字符不能是数字

(2)querySelector() 方法返回匹配指定 CSS 选择器元素的第一个子元素 。 该方法只返回匹配指定选择器的第一个元素。如果要返回所有匹配元素,需要使用 querySelectorAll() 方法替代.

(3)query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组,不会随着文档 *** 作而改变.

php 除了获取到 GET方式提交的变量,也就是直接附加在url后面的查询字符串:queryphpid=na_cont1

可以通过 $_GET['id']获取

还有就是POST过来的form表单,这里一定要有一个form表单

比如这样:

<form action="" method="post">

<input type="hiden" name="id" value="na_cont1" />

</form>

这样可以通过 $_POST['id']获得到id变量,

楼主显然没有搞懂基本的php

前端的html页面和后台php传参基本就是这两种方法,当然还有SESSION和COOKIE等

你要想把前台的js的一些东西传给php,可以通过这样的方式,转化为GET火POST提交的参数,然后提交给后台

可以用js来修改页面的input元素,或url来达到目的

以上就是关于使用querySelector添加移除style和class全部的内容,包括:使用querySelector添加移除style和class、想要通过js获取ID父元素下class的值,该怎么写,、javascript选择器有哪些等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9421430.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存