如果我们在HTML的id或class中添加一些额外的空间,将会有什么影响。
就像我们这样写
<div class=" class1" id=" id">This is a div</div>
CSS或JS会中断吗?
对JavaScript或CSS中的类或id选择是否会有影响?
答案 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>
开发人员始终可以使其发挥作用。 :)