Question

var createSongRow = function(songNumber, songName, songLength) {
var template =
    '<tr class="album-view-song-item">'
+ '  <td class="song-item-number" data-song-number="' + songNumber + '">' + songNumber + '</td>'
+ '   <td class="song-item-title">' + songName + '</td>'
+ '   <td class="song-item-duration">' + songLength + '</td>'
+ '</tr>'
;
return template;
};

行<td class="song-item-number" data-song-number="' + songNumber + '">' + songNumber + '</td>'中的

是数据歌曲编号的另一个类ID吗？

Answer 1

没有。在

<td class="song-item-number" data-song-number="' + songNumber + '">' + songNumber + '</td>'`

我们说

td是一个元素
td元素有两个属性
- 属性class的值为"song-item-number"
- 属性songNumber都有值
td元素的内容也是songNumber变量的值。

术语＆＃34; className＆＃34;你问过有时会出现在客户端JavaScript编程中。它引用class属性，并且仅被称为className，因为调用它class可能与宿主编程语言中的保留字冲突。如果你说过

<td class="a b">...</td>

然后你可以说td元素有两个类（也许是针对CSS的目标），但是我们不会说它有两个＆＃34;类名。＆＃34;无论如何，这肯定不是你的例子中发生的事情;您的td元素只有一个类。

Answer 2

data-song-number不是一个班级。

data是一个允许存储额外信息的属性＆gt;它基本上形成了与元素相关的信息类型。

任何文本都可以附加到data-，这会给出与该元素相关的信息类型的有意义的名称。

对于这个例子

<div data-name = 'John' id = "someDiv></div>
var _name= document.getElementById("someDiv");
_name.getAttribute("data-name"); // will get the current value of data-name
_name.setAttribute("data-name",'Player'); // will set he new value

这行中有两个类名吗？

2 个答案: