如何使用javaScript添加css类

我想能够在同一网页上打印不同的div。当我使用此功能时，我希望能够打印标题、段落和div，并显示完整的类名。我不想用类名display\u short打印div

.display_full{display:none；} 标题1 一些文本

我是第一组 这是div 2，我想打印它 标题2 一些文本

我是第一组

这是div 2，我想打印它 功能开关VisibleIndex，输入{ var div1=document.getElementsByClassName'display_short'[index]； var div2=document.getElementsByClassName'display_full'[index]； 如果div1{ 如果div1.style.display==“无”{ div1.style.display='block'； div2.style.display='none'； }否则{ div1.style.display='none'； div2.style.display='block'； } } console.loginput； 如果input.value==更多input.value=更少； else input.value=更多； } 函数printDivdivName{ var printContents=document.getElementByIddivName.innerHTML； var originalContents=document.body.innerHTML； document.body.innerHTML=打印内容； window.print； document.body.innerHTML=原始内容； } 简短答复: 使用element.className=我的类

详细回答：

---

由于class在JavaScript中是一个保留关键字，并且早期版本的JavaScript不允许通过点运算符访问属性（如果属性名称是保留名称，例如element.class），因此该属性称为className。

由于您标记了此jQuery，因此在这方面有一些注意事项：

添加一个类：

$('someselector').addClass('classtoadd');

切换类：如果该类已存在，则添加或删除该类

$('someselector').toggleClass('classtotoggle');

选择一个类：

$('.classtoselect').css('border','solid 1px lime');

删除选定的类

$('someselector').removeClass('classtoremove');//remove one

// remove multiple
$('someselector').removeClass('classtoremove removethisclassalso andthisclassaswell');

$('someselector').removeClass(); // all classes removed

var hasAClass = $('someselector').hasClass('someclass');//returns true if it has the class

将.addClass与CSS和媒体相结合，您就拥有了它：

CSS:

@media print{ .donotprintme { display: none; } }

代码：

---

如果旧的浏览器支持没有问题，您应该考虑使用CSS媒体查询：@media print{.display_short{display:none；}}我尝试过这个方法，但不起作用。我相信这是因为我需要在网页上使用多重打印，我正在使用JavaScript实现这一功能

$('.display_short').addClass('donotprintme');