用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 ...
随机推荐
- .Net Core Web Api实践之中间件的使用(一)
前言:从2019年年中入坑.net core已半年有余,总体上来说虽然感觉坑多,但是用起来还是比较香的.本来我是不怎么喜欢写这类实践分享或填坑记录的博客的,因为初步实践坑多,文章肯定也会有各种错误,跟 ...
- JWT实现授权认证
目录 一. JWT是什么 二. JWT标准规范 三. 核心代码简析 四. 登录授权示例 五. JWT 使用方式 六. JWT注意事项 一. JWT是什么 JSON Web Token(JWT)是目前最 ...
- C++ 模板常见特性(函数模板、类模板)
背景 C++ 是很强大,有各种特性来提高代码的可重用性,有助于减少开发的代码量和工作量. C++ 提高代码的可重用性主要有两方面: 继承 模板 继承的特性我已在前面篇章写过了,本篇主要是说明「模板」的 ...
- SQL Server2012高可用之日志传送测试
(一)日志传送架构 (1.1)相关服务器 主服务器 :用于生产的服务器,上面运行这生产SQL Server数据库: 辅助服务器:用于存放主服务器上数据库的一个“镜像”数据库: 监控服务器:用来监控 ...
- Java类成员之内部类
内部类含义: 在Java中允许一个类的定义位于另一个类的内部,前者称为内部类,后者称为外部类. Inner class 一般用在定义它的类或语句块之内,在外部引用它时必须给出完整的名称. Inner ...
- Promise里的代码为什么比setTimeout先执行
当浏览器或者Node拿到一段代码时首先做的就是传递给JavaScript引擎,并且要求它去执行. 然而,执行 JavaScript 并非一锤子买卖,宿主环境当遇到一些事件时,会继续把一段代码传递给 J ...
- 通过例子进阶学习C++(四)计算2的64次方,不服写写看
本文是通过例子学习C++的第四篇,通过这个例子可以快速入门c++相关的语法. 1.乍一看题目非常简单,简单思考一下,可以通过for循环实现: #include <iostream> u ...
- 1、纯python编写学生信息管理系统
1.效果图 2.python code: class studentSys(object): ''' _init_(self) 被称为类的构造函数或初始化方法, self 代表类的实例,self 在定 ...
- 快速幂模板Super
//求x^nint ans=1;while(n){ if(n&1) ans=ans*x; x*=x; n>>=1;} 快速幂就是快速算底数的n次幂.其时间复杂度为 O(logN), ...
- scrapy selector选择器
这部分内容属于补充内容 1.xpath() 2.css() 3.正则表达式 # 多个值,列表 response.xpath('//a/text()').re('(.*?):\s(.*)') # 取第一 ...