                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

为什么删除var p1 = document.getElementById("p1");仍然能实现p1的classname改变？

function add(){
	      var p1 = document.getElementById("p1");
	      p1.className="one";
	   }

根据语法object.className=classname，为什么把上面的

var p1 = document.getElementById("p1");

这段删掉之后直接

function add(){
	      p1.className="one";
	   }

p1的classname仍然会改变呢？这是编辑器的智能识别吗？

Silily

2016-06-13

源自：JavaScript入门篇 3-6

关注问题我要回答

1777

操作

收起

2 回答

lpt_cosl
2016-06-13

变量名刚好和ID名相同，楼上说的对

0 回复有任何疑惑可以回复我~

收起回答

qq_病_1
2016-06-13

因为那个p标签的 id就是p1, 你可以试一下，把<p>标签里的id改成p3 结果就不行了

0 回复有任何疑惑可以回复我~

收起回答

Silily 提问者

我的意思是这样： <p id = "p3">dddddddddd</p> function add(){ p3.className="one"; }可以直接实现更改p3的classname，为什么还要加上var p3 = document.getElementById("p3");这段代码呢按照语法确实需要通过getElement把变量p3定义为object类型，可是为什么我没有把<p>的id获取为object，直接声明字符串p3的classname仍然有效呢

2016-06-13 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript入门篇

参与学习 739957 人
解答问题 9566 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

进入课程

本课相似问答

1 回答var p1 = document.getElementById("p1");可以删除么

6 回答p1.className="one" 未改变样式怎么办

4 回答将第13行原代码document.getElementById("p1").style.color="blue";改为document.getElementById("p1").style.width="200px";为什么字体不变

5 回答为什么p1没变颜色

4 回答这里的p1.className="one";是给p1添加了一个class么？

搜索更多本课相关问答

为什么删除var p1 = document.getElementById("p1");仍然能实现p1的classname改变？

我要回答关注问题

热搜

最近搜索清空

为什么删除var p1 = document.getElementById("p1");仍然能实现p1的classname改变？

2 回答

本课相似问答

为什么删除var p1 = document.getElementById("p1");仍然能实现p1的classname改变？