用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 ...
随机推荐
- react 报红错误汇总
react 报红错误汇总 一.Uncaught TypeError: Cannot read property 'value' of undefined 未知类型错:无法读取未定义的属性“value ...
- elasticsearch定时删除索引第二版
该版本对于上一个版本做了升级.兼容性更好了. #!/bin/bash ####################################################### # $Name: ...
- CAP理论的理解
CAP理论作为分布式系统的基础理论,它描述的是一个分布式系统在以下三个特性中: 一致性(Consistency) 可用性(Availability) 分区容错性(Partition tolerance ...
- OSS上传图片无法在线预览的解决方案
OSS上传图片无法在线预览的解决方案 最近在做的项目涉及到商品详情,由于前端用的flutter框架并且该详情为富文本,dart语言关于富文本的组件不是非常友好,当富文本中的图片无法在浏览器中直接预览的 ...
- Spring Cloud Alibaba Nacos
1. Spring Cloud Alibaba 介绍 Spring Cloud Alibaba 为分布式应用程序开发提供了一站式解决方案.它包含了开发分布式应用程序所需的所有组件,使得你可以轻松地使用 ...
- 程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和 ...
- 案例分析丨谷歌设计冲刺 4 天决定 Clips 的功能特性
这次为大家带来Google冲刺日程案例,之前案例分析可以戳对应文字直达:ING集团.音乐流媒体Spotify.美国知名超市Target 作为一款工具类产品,谷歌十分注重产品候选人的技术背景,同时也看重 ...
- ubuntu频繁死机--独立显卡问题
问题:笔记本安装ubuntu时以及装好后有时会出现花屏.死机的问题,系统报错 *ERROR* UVD not responding, trying to reset the VCPU!!! *ERRO ...
- python中方法调用和函数调用的区别
函数调用: 传几个参数,就会有几个实参方法调用: 默认传递一个参数self,至少要定义一个形参
- 基于Netty和SpringBoot实现一个轻量级RPC框架-Client篇
前提 前置文章: <基于Netty和SpringBoot实现一个轻量级RPC框架-协议篇> <基于Netty和SpringBoot实现一个轻量级RPC框架-Server篇> 前 ...