js 改变 div 格式

简介: 引用:http://zhidao.baidu.com/question/88934003.html 提示:把代码保存为a.htm即可预览效果 function setDivBG(s) { document.

引用:http://zhidao.baidu.com/question/88934003.html

提示:把代码保存为a.htm即可预览效果

<script>  
function setDivBG(s) 
{ 
 document.getElementById("div1").className=s; 
} 
</script> 
<head>
<style type="text/css">
    .style1
    {        
        
        width:  100px; 
        height: 100px;
        background-image:url('http://img.baidu.com/img/logo-zhidao.gif');
    }
    .style2
    {        
       
        width:  100px; 
        height: 100px;
        background-image:url('http://img.baidu.com/img/iknow/images/r1s1g5.gif'); 
    }
</style>
</head> 
<BODY > 
<select onchange="setDivBG(this.value);"> 
<option value="style1">知道</option> 
<option value="style2">头像</option> 
</select> 
<div id="div1" class="style2" >
</div>
</BODY>
相关文章
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
179 0
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
10月前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
276 57
|
10月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
11月前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
127 5
|
12月前
|
XML JSON JavaScript
js的json格式
js的json格式
|
11月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
319 0
|
JavaScript
将jq转为原生js格式
将jq转为原生js格式
78 2
|
12月前
|
SQL 安全 数据库
用html+javascript打造公文一键排版系统2:显示源码/显示预览、清除格式
用html+javascript打造公文一键排版系统2:显示源码/显示预览、清除格式
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
130 3