对空间的影响

时间:2019-07-15 08:05:32

标签: html css

如果我们在HTML的id或class中添加一些额外的空间,将会有什么影响。

就像我们这样写

<div class="              class1" id="       id">This is a div</div>

CSS或JS会中断吗?

对JavaScript或CSS中的类或id选择是否会有影响?

2 个答案:

答案 0 :(得分:0)

一个类可以用空格分隔,类e和ID需要唯一。实际上,您实际上不是空格,但浏览器仍然允许它们

className中的空格得到处理,因此应该有空格分隔的类

带空格的ID会将空格作为ID的一部分-如果您在访问空格时使用浏览器可以容忍

var byCl = document.querySelector(".class1"),
byId = document.getElementById("id"),
byIdSpaces = document.getElementById("       id")
console.log(byCl); // ok
console.log(byId); // null
console.log(byIdSpaces); // ok
console.log("byCl",byCl.innerText)
console.log("byIdSpaces",byIdSpaces.innerText)
<div class="              class1" id="       id">This is a div</div>

答案 1 :(得分:0)

/*not working*/
console.log(document.getElementById("id"));
/*working*/
console.log(document.getElementById("       id"));
/*working*/
console.log(document.getElementsByClassName("class1")[0]);
/*working*/
console.log(document.querySelector('.class1'));
/*working*/
.class1{
color: red;
}
/*working*/
div[id='       id'] { 
  text-align: center;
}
/*not working*/
#id{
background-color: yellow;
}
/*not working*/
#       id{
font-size: 300%;
}
<div class="              class1" id="       id">This is a div</div>

  

开发人员始终可以使其发挥作用。 :)