document.getElementById("collins_contentWrp").className="content-wrp dict-container closed";

document.getElementById("collins_contentWrp").setAttribute("class", "content-wrp dict-container opened");

document.getElementById("bd");

<div id="bd">

        	        <div id="ec_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#ec">基本释义</a></h4>
<div id="ec" class="trans-container ec ">
<h2>
<span>
dog
</span>
<div>
<span>

<span class="phonetic">[dɒg]</span>
<a href="#" title="真人发音" role="dict_audio_js" data-rel="http://dict.youdao.com/dictvoice?audio=dog&type=1" class="pronounce dictvoice js-ctlog"></a>
</span>
<span>

<span class="phonetic">[dɔɡ]</span>
<a href="#" title="真人发音" role="dict_audio_js" data-rel="http://dict.youdao.com/dictvoice?audio=dog&type=2" class="pronounce dictvoice js-ctlog"></a>
</span>
</div>
</h2>
<ul>
<li>n. 狗;丑女人;卑鄙的人;(俚)朋友</li>
<li>vt. 跟踪;尾随</li>
</ul> <div class="sub"> </div>
</div>
</div> <div id="collins_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#collins">柯林斯英汉双解大辞典</a></h4>
<div id="collins" class="trans-container collins ">
</div>
</div> <div id="ec21_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#ec21">21世纪大英汉辞典</a></h4>
<div id="ec21" class="trans-container ec21 ">
</div>
</div> <div id="ee_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#ee">英英释义</a></h4>
<div id="ee" class="trans-container ee ">
</div>
</div> <div id="special_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#special">专业释义</a></h4>
<div id="special" class="trans-container special ">
</div>
</div> <div id="web_trans_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#web_trans">网络释义</a></h4>
<div id="web_trans" class="trans-container web_trans ">
</div>
</div> <div id="rel_word_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#rel_word">同根词</a></h4>
<div id="rel_word" class="trans-container rel_word ">
</div>
</div> <div id="syno_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#syno">同近义词</a></h4>
<div id="syno" class="trans-container syno ">
</div>
</div> <div id="blng_sents_part_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#blng_sents_part">双语例句</a></h4>
<div id="blng_sents_part" class="trans-container blng_sents_part dict_sents_result">
</div>
</div> <div id="media_sents_part_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#media_sents_part">原声例句</a></h4>
<div id="media_sents_part" class="trans-container media_sents_part dict_sents_result">
</div>
</div> <div id="auth_sents_part_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#auth_sents_part">权威例句</a></h4>
<div id="auth_sents_part" class="trans-container auth_sents_part dict_sents_result">
</div>
</div> <div id="baike_contentWrp" class="content-wrp dict-container closed">
<h4><a class="trans-title" href="#baike">百科</a></h4>
<div id="baike" class="trans-container baike ">
</div>
</div> </div>

用javascript修改html元素的class的更多相关文章

  1. 用 JavaScript 修改样式元素

    利用 <style> 元素,我们可以在网页中嵌入样式表.如果需要动态增加 <style> 元素,似乎可以用如下的 JavaScript 代码: var style = docu ...

  2. javascript学习(2)修改html元素和提示对话框

    一.修改html元素 1.修改p元素 1.1.源代码 1.2.执行前 1.3.执行后 2.修改div元素的className 2.1.源代码 1.2.执行前 1.3.执行后 3.直接在当前位置输出内容 ...

  3. JavaScript修改Canvas图片

    用JavaScript修改Canvas图片的分辨率(DPI)   应用场景: 仓库每次发货需要打印标签, Canvas根据从数据库读取的产品信息可以生成标签JPG, 但是这个JPG图片的默认分辨率(D ...

  4. javascript删除JSON元素

    首先要搞清JSON的数据格式,我这里所说的JSON都是指javascript中的. JSON数据是由对象和数组数据结构组成,我们只要学会javascript中对对象和数组的删除方法即可对JSON项进行 ...

  5. vue修改数组元素方法

    示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF- ...

  6. javascript修改html <b>标签里面的内容

    简单实现仅供参考: javascript修改html <b>标签里面的化妆步骤内容<体><b style=“width:100px:height:100px:border ...

  7. 用javascript实现html元素的增删查改[xyytit]

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. jQuery修改页面元素的属性

    作为一个后台开发者,在web开发的时候会常常遇到修改前台页面的属性的问题.这两天我发现jQuery的$("#id").attr("prop","值&q ...

  9. javascript操作html元素CSS属性

    下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .ori ...

随机推荐

  1. ObserverPattern(观察者模式)-----Java/.Net

    当对象间存在一对多关系时,则使用观察者模式(Observer Pattern).比如,当一个对象被修改时,则会自动通知它的依赖对象.观察者模式属于行为型模式

  2. Shell one

    1.shell的运算符包括:算术运算符.关系运算符.布尔运算符.字符串运算符.文件测试运算符 1.1原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如 awk 和 expr,expr ...

  3. 子网划分及NAT技术总结

    近段项目需要用到网络相关的知识,硬着头皮又回顾了一波,这里做一下记录. 一 分类的IP地址 我们使用的IP地址(IP V4)可以划分为A,B,C,D,E 5个类型,其中的D,为组播地址,E类地址为保留 ...

  4. 1037 在霍格沃茨找零钱 (20 分)C语言

    题目描述 如果你是哈利·波特迷,你会知道魔法世界有它自己的货币系统 -- 就如海格告诉哈利的:"十七个银西可(Sickle)兑一个加隆(Galleon),二 十九个纳特(Knut)兑一个西可 ...

  5. C# DataTable数据类型判断

    当我们从数据中获取到数据,一般会使用 DataTable 接收,然后会遍历每行数据.由于从数据库中读取的数据可能为空,比如我们的编译代码如下: foreach (DataRow datarow in ...

  6. 【转】Java实现折半查找(二分查找)的递归和非递归算法

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://wintys.blog.51cto.com/425414/94051 Java二分 ...

  7. 低功耗蓝牙(BLE)——概念

    1. 种类 单模蓝牙:仅支持传统蓝牙和BLE(低功耗蓝牙)中的一种: 双模蓝牙:同时支持传统蓝牙和BLE(低功耗蓝牙). 2. 部署方案 3. 节点类型 根据蓝牙协议不同的协议层有不同的角色 1. S ...

  8. 从头学pytorch(十七):网络中的网络NIN

    网络中的网络NIN 之前介绍的LeNet,AlexNet,VGG设计思路上的共同之处,是加宽(增加卷积层的输出的channel数量)和加深(增加卷积层的数量),再接全连接层做分类. NIN提出了一个不 ...

  9. springboot整合apache ftpserver详细教程(看这一篇就够了)

    原创不易,如需转载,请注明出处https://www.cnblogs.com/baixianlong/p/12192425.html,否则将追究法律责任!!! 一.Apache ftpserver相关 ...

  10. Spark集群-Standalone 模式

    Spark 集群相关 table td{ width: 15% } 来源于官方, 可以理解为是官方译文, 外加一点自己的理解. 版本是2.4.4 本篇文章涉及到: 集群概述 master, worke ...