用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 ...
随机推荐
- 「学习笔记」动态规划 I『初识DP』
写在前面 注意:此文章仅供参考,如发现有误请及时告知. 更新日期:2018/3/16,2018/12/03 动态规划介绍 动态规划,简称DP(Dynamic Programming) 简介1 简介2 ...
- 利用自编码(Autoencoder)来提取输入数据的特征
自编码(Autoencoder)介绍 Autoencoder是一种无监督的学习算法,将输入信息进行压缩,提取出数据中最具代表性的信息.其目的是在保证重要特征不丢失的情况下,降低输入信息的维度,减小神经 ...
- springboot-实现文件下载
一 前言 本文实现的文件下载是使用Apache 的 commons-fileupload 实现:在之前的springboot系列文件中已经讲述过如何实现多文件上传:这篇文件实现的文件下载功能主要是能在 ...
- asp.net core 实现支持多语言
asp.net core 实现支持多语言 Intro 最近有一个外国友人通过邮件联系我,想用我的活动室预约,但是还没支持多语言,基本上都是写死的中文,所以最近想支持一下更多语言,于是有了多语言方面的一 ...
- oracle官网下载jdk跑不动太慢了,给出快速下载方式mac
oracle官网下载jdk8跑不动太慢了,给出快速下载方式 之前在oracle官网下载jdk1.8实在速度太慢,只有20K左右的下载速度,有时候甚至不动,最关键的慢也就算了,cookie有效期有限,有 ...
- Cocos Creator | 飞刀大乱斗开发教程系列(三)
预览效果 具体内容 ■ 这一期,主要讲解游戏过程中,通过触摸滑动,控制人物的运动方向,以及游戏过程中,人物运动区域的控制.如下图,人物通过滑动控制运动方向,即是往哪个方向滑动,人物就往哪个方向移动 ...
- es lucene搜索及聚合流程源码分析
本文以TermQuery,GlobalOrdinalsStringTermsAggregator为例,通过代码,分析es,lucene搜索及聚合流程.1:协调节点收到请求后,将search任务发到相关 ...
- 理解TCP/IP协议栈之HTTP2.0
1 前言 前面写了10多篇关于Redis底层实现.工程架构.实际应用的文章,感兴趣的读者可以进行阅读,如有问题欢迎交流: 1.Redis面试热点之底层实现篇-12.Redis面试热点之底层实现篇-23 ...
- 探究Dubbo的拓展机制: 下
承接上篇, 本篇博文的主题就是认认真真捋一捋, 看一下 Dubbo是如何实现他的IOC / AOP / 以及Dubbo SPI这个拓展点的 总览: 本篇的话总体上分成两部分进行展开 第一点就是 Dub ...
- vue状态管理vuex从浅入深详细讲解
1.vuex简介以及创建一个简单的仓库 vuex是专门为vue框架而设计出的一个公共数据管理框架,任何组件都可以通过状态管理仓库数据沟通,也可以统一从仓库获取数据,在比较大型的应用中,数据交互庞大的情 ...