zoukankan      html  css  js  c++  java
  • 用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>


    Keep it simple!
    作者:N3verL4nd
    知识共享,欢迎转载。
  • 相关阅读:
    [转]data类型的Url格式:把小数据直接嵌入到Url中
    SQL 找出某列最小的行记录.
    用 Dos 像数据库一样拎出所有文件.
    Js 正则表达式 RegExp .
    KMP算法C语言实现。弄了好久才搞好。。。
    python如何保证输入键入数字
    数据库关系图:“此数据库没有有效所有者,因此无法安装数据库关系图支持对象&quot;的解决方法
    建立sql数组的一个函数
    实用的240多个jQuery插件
    begin tran,commit tran和rollback tran的用法
  • 原文地址:https://www.cnblogs.com/lgh1992314/p/5834761.html
Copyright © 2011-2022 走看看