您的位置:首页 > Web前端 > JavaScript

令我醉的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"


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");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: