AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

js 改变 div 格式

2012-02-01 708
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 引用：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
关键词：
JavaScript div
JavaScript格式
古镇月影
目录
相关文章
你挚爱的强哥
|
7月前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
你挚爱的强哥
86 1
无妄的罪
|
7月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
无妄的罪
98 0
前端技术栈
|
7月前
|
前端开发 JavaScript Java
JavaScript复制内容到剪切板 带格式的复制
JavaScript复制内容到剪切板 带格式的复制
前端技术栈
108 0
神明木佑
|
2月前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
神明木佑
56 5
游客j4mujezz7vm7y
|
3月前
|
XML JSON JavaScript
js的json格式
js的json格式
游客j4mujezz7vm7y
27 2
武子康
|
2月前
|
机器学习/深度学习 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) 进行切分并输出 方便将数据进行结构化后检索
武子康
32 0
游客qeoynko2nmbgk
|
3月前
|
SQL 安全 数据库
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
游客qeoynko2nmbgk
22 0
杀死一只知更鸟debug
|
3月前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网，轮播图及div+css布局，js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计，包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
杀死一只知更鸟debug
77 0
lvbb66
|
4月前
|
JavaScript
将jq转为原生js格式
将jq转为原生js格式
lvbb66
39 2
刘志辉~
|
4月前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
刘志辉~
49 3

热门文章

最新文章

  • 1
    JS代码位置
  • 2
    【转】Javascript关键字和保留字
  • 3
    OC与JS互相调用
  • 4
    JavaScript 操作 Cookie
  • 5
    Node.js 中流操作实践
  • 6
    如何让你的JavaScript代码更加语义化
  • 7
    js数组遍历some,foreach,map,filter,every对比
  • 8
    05.javascript访问CSS
  • 9
    第14章 使用Kotlin开发JavaScript代码 《Kotin 编程思想·实战》
  • 10
    Nightwatch.js – 轻松实现浏览器的自动测试
  • 1
    深入理解JavaScript中的事件循环机制
    85
  • 2
    【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
    107
  • 3
    JavaScript 数组方法概览
    37
  • 4
    在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
    60
  • 5
    JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
    46
  • 6
    JavaScript 提供了多种方法来操作 DOM（文档对象模型）
    47
  • 7
    JavaScript的垃圾回收机制通过标记-清除算法自动管理内存
    57
  • 8
    JavaScript 的垃圾回收机制有一些潜在的缺点
    41
  • 9
    nbcio-vue下载安装后运行报错，diagram-js没有安装
    59
  • 10
    了解JavaScript的垃圾回收机制
    39

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Node.js 入门教程文档
  • Node.js 入门与实战

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    使用阿里云接口（API）进行身份证实名认证