用javascript修改html元素的class
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的更多相关文章
- 用 JavaScript 修改样式元素
利用 <style> 元素,我们可以在网页中嵌入样式表.如果需要动态增加 <style> 元素,似乎可以用如下的 JavaScript 代码: var style = docu ...
- javascript学习(2)修改html元素和提示对话框
一.修改html元素 1.修改p元素 1.1.源代码 1.2.执行前 1.3.执行后 2.修改div元素的className 2.1.源代码 1.2.执行前 1.3.执行后 3.直接在当前位置输出内容 ...
- JavaScript修改Canvas图片
用JavaScript修改Canvas图片的分辨率(DPI) 应用场景: 仓库每次发货需要打印标签, Canvas根据从数据库读取的产品信息可以生成标签JPG, 但是这个JPG图片的默认分辨率(D ...
- javascript删除JSON元素
首先要搞清JSON的数据格式,我这里所说的JSON都是指javascript中的. JSON数据是由对象和数组数据结构组成,我们只要学会javascript中对对象和数组的删除方法即可对JSON项进行 ...
- vue修改数组元素方法
示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF- ...
- javascript修改html <b>标签里面的内容
简单实现仅供参考: javascript修改html <b>标签里面的化妆步骤内容<体><b style=“width:100px:height:100px:border ...
- 用javascript实现html元素的增删查改[xyytit]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery修改页面元素的属性
作为一个后台开发者,在web开发的时候会常常遇到修改前台页面的属性的问题.这两天我发现jQuery的$("#id").attr("prop","值&q ...
- javascript操作html元素CSS属性
下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .ori ...
随机推荐
- 基于Redis的分布式锁和Redlock算法
1 前言 前面写了4篇Redis底层实现和工程架构相关文章,感兴趣的读者可以回顾一下: Redis面试热点之底层实现篇-1 Redis面试热点之底层实现篇-2 Redis面试热点之工程架构篇-1 Re ...
- 微信小程序之双重循环(包含左滑删除,以及数据各项处理)
<view wx:for="{{hommer}}" wx:for-item="item" wx:for-index="index" w ...
- 2016女生专场 ABCDEF题解 其他待补...
GHIJ待补... A.HUD5702:Solving Order Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/3276 ...
- .Net Core - AgileHttp
2020年新年将至,先预祝.Net Core越来越好. 做了这么多年一线开发,经常跟Http打交道.比如调用三方的Webservice,比如集成微信支付的时候服务端发起Prepay支付.特别是现在分布 ...
- WebStorm安装和激活
1.下载解压,得到jetbrains webstorm 2018.2主程序,破解文件和中文语言包: 2.运行“WebStorm-2018.2.exe”开始安装,默认安装目录[C:\Program Fi ...
- js如何下载后台传过来的base64文件
一.<a>标签的作用 相信大部分人都知道<a>链接再简单不过了,跳转嘛,跳转到另外一个页面,这谁不知道. 当然这这是一部分, <a> 标签定义超链接,用于从一个页面 ...
- 更好用的 Python 任务自动化工具:nox 官方教程
英文| nox tutorial 出处| nox 官方文档 译者| 豌豆花下猫@Python猫 Github地址:https://github.com/chinesehuazhou/nox_doc_c ...
- VS2015发布WEB项目
第一步:在打开的VS2015中,右击项目,在弹出的对话框中,点击“发布”. 第二步:配置发布的WEB项目. 1.为要发布的项目起个名称,一般和项目名称相同. 2.选择以文件系统发布. 3.设置相关配置 ...
- 【DPDK】【ring】从DPDK的ring来看无锁队列的实现
[前言] 队列是众多数据结构中最常见的一种之一.曾经有人和我说过这么一句话,叫做“程序等于数据结构+算法”.因此在设计模块.写代码时,队列常常作为一个很常见的结构出现在模块设计中.DPDK不仅是一个加 ...
- MyBatis.多条件排序
<if test="orderBy != null"> order by <choose> <when test='orderBy=="ag ...