JS最原始封装素数,创建表格,改变样式,颜色等

<style>
    table{
        border-collapse: collapse;
    }
    th,td{
        border:1px solid #09f;
    }

    div{
        width:100px;
        height:100px;
        background-color:red;
        margin-top:20px;
    }
    #img{
        height:200px;
    }

</style>

</head>
<body>
      <button onclick="setStyle1(‘obj1‘,‘width‘,‘200px‘)">变宽</button>
      <button onclick="setStyle1(‘obj1‘,‘height‘,‘200px‘)">变高</button>
      <button onclick="setStyle1(‘obj1‘,‘background‘,‘green‘)">变色</button>
      <div id="obj1"></div>
      <button onclick="setColor2(1)">变成红色</button>
      <button onclick="setColor2(2)">变成绿色</button>
      <button onclick="setColor2(3)">变成蓝色</button>
      <div id="obj2"></div>

      <button onclick="switchImg()">切换图片</button>
        <div id="img">
          <img id="pic" src="./pic/1.jpg">
      </div>

         <button onclick="switchZimu1()">顺时针切换字母</button>
         <button onclick="switchZimu2()">逆时针切换字母</button>
        <div id="zimu">
          A
      </div>
</body>
</html>
    <script src="./JS/sushu.js"></script>

  

时间: 2024-08-26 15:15:00

JS最原始封装素数,创建表格,改变样式,颜色等的相关文章

js创建表格

<!-- 动态生成表格 ,删除 修改--> <html> <head> <meta content="text/html;charset=utf-8"> <script type="text/javascript"> var ary=new Array(); ary.push( new stud("1","aaa","12","B&quo

js动态创建表格------Day59

刚刚不知道怎么回事,CSDN博客一直打不开,就在博客园完成了今天的记录,结果临关机,登录了下,发现又好了,就再多花个几分钟转下吧,也不管究竟在意的是什么了,权当强迫症了... 前几天记录了动态的添加一行一列:insertRow()和insertCell();动态的删除一行一列:deleteRow()和deleteCell():选中一行:this的参数传递,这些都是实现的关键,但是这一切都建立在一个基础上:那就是存在一个表格.今天就来记录下动态建立表格的方法: 事实上在刚开始的时候,我只想到了一个

运用js创建表格

<html>    <head>        <title>运用js创建表格</title>    </head>    <body>        <table>        </table>            <script type="text/javascript">            /*function createTable(){            

JS类的封装及实现代码

js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 代码如下: function ShapeBase() { this.show = functi

JS类的封装及实现代码(转)

js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 代码如下: function ShapeBase() { this.show = functi

jQuery ajax 动态append创建表格出现不兼容ie8

很多情况下,通过js(jQuery1.10)动态来创建一些样式,对页面的动态交互来说是很方便的 但是不同的浏览器针对动态生成的不是很兼容,在此遇见的不兼容ie8,跟各位分享下 代码: json数据 data.json [{"name":"ajax","job":"manong"},{"name":"js","job":"diaosi"}] html

javascript动态创建表格:新增、删除行和列

转载:http://www.cnblogs.com/pato/archive/2009/09/02/1559068.html 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1.inserRow()和insertCell()函数 insertRow()函数可以带参数,形式如下: insertRow(index):index从0开始 这个函数将新行添加

原生JS面向对象思想封装轮播图组件

原生JS面向对象思想封装轮播图组件 在前端页面开发过程中,页面中的轮播图特效很常见,因此我就想封装一个自己的原生JS的轮播图组件.有了这个需求就开始着手准备了,代码当然是以简洁为目标,轮播图的各个功能实现都分别分为不同的模块.目前我封装的这个版本还不适配移动端,只适配PC端. 主要的功能有:自动轮播,点击某一张图片对应的小圆点就跳转到指定图片,有前后切换按钮.使用的时候只需要传入图片的路径以及每张图片分别所对应的跳转路径还有目标盒子ID就可以了,还可以自定义每张图轮播的延时,不过延时参数不是必须

JQuery根据Json创建表格

$(function () { var getjson = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com.cn", "腾讯": "http://www.qq.com" }; $('#btn').click(function () { var tbobj = $('<table border="1&qu