令我醉的js加载图片,。。。原来,原来可以这样。。(简单粗暴)
2016-08-11 16:21
691 查看
<div id='add'></div>
<script type="text/javascript">
var add=document.getElementById('add');
var img= document.createElement('img');
//原生js给一个对象加属性 (怎么获取一个对象的属性)
img.setAttribute("src","images/test.png");
//jquery 怎样添加获取一个对象的属性
app.append(img);
</script>
// 用jQuery更加方便,直接用$() 把标签、属性直接写好;<img src="images/text.png"
-------------------------
用JS获取Html标签属性有两种方法:
如<a id="link" href="www.baidu.com" title="测试" blogname="前端开发">Web开发</a>
JS代码:
var ka=document.getElementByI d("link");
alert(ka.getAttribute("id"));
alert(ka.id);
两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttribute()来实现了,如:
alert(ka.getAttribute("blogname")); //前端开发
总结如下:
JS获到Html标签常规属性用ka.id,获到Html标签的自定义属性就用ka.getAttribute("id");
<script type="text/javascript">
var add=document.getElementById('add');
var img= document.createElement('img');
//原生js给一个对象加属性 (怎么获取一个对象的属性)
img.setAttribute("src","images/test.png");
//jquery 怎样添加获取一个对象的属性
app.append(img);
</script>
// 用jQuery更加方便,直接用$() 把标签、属性直接写好;<img src="images/text.png"
jQuery 属性操作 - attr() 方法
-------------------------用JS获取Html标签属性有两种方法:
如<a id="link" href="www.baidu.com" title="测试" blogname="前端开发">Web开发</a>
JS代码:
var ka=document.getElementByI d("link");
alert(ka.getAttribute("id"));
alert(ka.id);
两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttribute()来实现了,如:
alert(ka.getAttribute("blogname")); //前端开发
总结如下:
JS获到Html标签常规属性用ka.id,获到Html标签的自定义属性就用ka.getAttribute("id");
相关文章推荐
- 瀑布流可以传入自己的参数 主要取决于红色字体部分infinitescroll 等待图片加载完imagesloaded.pkgd.js
- 原来js可以这样用。类似51la.cnzz统计的js接口
- nginx 配置后网站图片或js 加载出来一半或者不出来刷新才可以,chrome 浏览器访问项目时加载大文件失败 ERR_CONTENT_LENGTH_MISMATCH:
- 这样在选中要上传的图片时,就可以看见自己要上传的了
- 天,原来可以这样update!
- 原来可以这样……
- 原来javascript可以这样加密
- 原来WINDOWS可以这样的
- js效果 图片加载进度实时显示
- 原来生活可以这样!!
- CustomValidator控件原来还可以这样用。
- 原来这样也可以赚钱
- 汉字方法名和变量名!---- 原来JAVA还可以这样用啊!
- 原来Javascript还是可以这样写的
- 原来Javascript还是可以这样写的
- 用js实现广告图片后加载
- 学习类时想到的-原来还可以这样给INT类型赋值。
- js 可以控制图片的大小
- 原来update可以这样写!
- 女人原来还可以这样活