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

首页课程实战体系课手记专栏慕课教程

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

来源：3-6 控制类名（className 属性）

Silily

2016-06-13 18:47

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仍然会改变呢？这是编辑器的智能识别吗？

写回答关注

2回答

lpt_cosl

2016-06-13 19:21:37

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

0 0
qq_病_1

2016-06-13 19:14:17

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

1 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 19:33:00

共 1 条回复 >

JavaScript入门篇

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

739818 学习 · 9566 问题

相似问题

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

回答 1

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

回答 6

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

回答 4

为什么p1没变颜色

回答 5

为什么p1没变蓝啊

回答 2

打开慕课网App查看更多内容