Question

我想让这个类显示var newCaption。在Javascript下面我已经链接了CSS类。

window.onload = function() {

var caption = document.getElementsByTagName("caption");
var oldCaption = caption[0].innerHTML;
var newCaption = oldCaption + "CAPTION";

caption[0].removeChild(caption[0].firstChild);
caption[0].appendChild(document.createTextNode(newCaption));

这是我的CSS课程：

.hoverNode{
   background-color:#FFFFCC;
   border: solid 1px black;
   width:100px;
   height:100px;
   position:relative;
   float:top;
   font-size:10pt;
   margin:5px;
   padding:3px;
   color:black;
}

Answer 1

将班级添加到caption元素。

caption.classList.add('hoverNode');

Answer 2

在Firefox中，getElementByTagName（）似乎忽略了标题。也许是因为只允许将表作为父级。它显示错误，标题[0]未定义。

尝试将标题更改为p，它似乎有效。

window.onload = function() {

var caption = document.getElementsByTagName("p");
var oldCaption = caption[0].innerHTML;
var newCaption = oldCaption + "CAPTION";

caption[0].removeChild(caption[0].firstChild);
caption[0].appendChild(document.createTextNode(newCaption));
}

当然，您需要<p>元素才能将文字添加到。

<caption>Some text</caption>
<p>Some Paragraph</p>

Answer 3

这个有效！

var caption = document.getElementsByTagName("caption");
var oldCaption = caption[0].innerHTML;
var newCaption = "CAPTION";

var span = document.createElement('span');
var text = document.createTextNode(newCaption);
span.appendChild(text);
span.className = "hoverNode";
caption[0].appendChild(span);

如何在我的Javascript文件中使用CSS类？

3 个答案: