动态创建Dom元素,并设置属性和类----JS&JQ
来源:互联网 发布:淘宝客的软件 编辑:程序博客网 时间:2024/06/04 00:45
JQ创建Dom元素
HTML代码
<div class="pc-container"></div>
JS代码
var container = $('.pc-container');$('<img>').attr({ src:'images/star.png' }).css({ top:'50px', left:'50px', transform:'scale(.5) rotateZ(90deg)', position: 'absolute' }).addClass('myImg').appendTo('.pc-container');
JS创建Dom元素
HTML代码
<div class="pc-container"></div>
JS代码
var container=document.getElementsByClassName('.pc-container')[0];var div=document.createElement('div');div.setAttribute('id','example');// div.id = "example";div.className = "slogan";div.style.width='120px';container.appendChild(div);
插入元素的几种方法
这里顺便总结一下插入元素的几种方法
JavaScript:
element1.appendChild(element2); 在element1的内部结尾追加element2.
JQuery:
$(A).append(content|fn) 在匹配的元素A内部结尾追加内容 $(A).appendTo(B) 将A的内容追加到B内部结尾 $(A).prepend(content) 在匹配的元素A内部的开头插入content内容 $(A).prependTo(B) 将匹配到的A元素追加到B的开头$(A).after(content) 在匹配的元素A之后插入内容content $(A).before(content) 在匹配的元素A之前插入内容content $(A).insertAfter(B) 将A的内容追加到B之后 $(A).insertBefore(B) 将A的内容追加到B之前
0 0
- 动态创建Dom元素,并设置属性和类----JS&JQ
- JavaScript DOM 创建元素并设置属性
- js动态创建元素以及设置属性
- JavaScript DOM 中创建元素并设置属性
- 通过js动态创建标签,并设置属性
- 通过JS动态创建DOM元素备忘
- js动态创建dom元素示例
- 动态创建dom元素、获取dom元素的属性及遍历dom元素的方法
- DOM:获取元素和获取设置属性
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- jq 设置和获取元素内容和属性
- android adb push apk /system/app
- Android网络编程(四)从源码解析Volley
- git忽略已被跟踪的文件
- Bengio大神的《Deep Learning》全书已完稿可获取全书电子版
- 史上最强Android 开启照相或者是从本地相册选中一张图片以后先裁剪在保存并显示的讲解附源码i
- 动态创建Dom元素,并设置属性和类----JS&JQ
- jqm里的ajax的一些问题
- Java遍历Map对象的4种方法
- Android中CheckBox的使用
- 二叉查找树的构造及其遍历
- 使用反射和codeDOM实现C#插件开发(1)由来
- 重复数据删除简介
- 不同套接字结构示意图
- LeetCode 169 -Majority Element ( JAVA )