令我醉的js加载图片，。。。原来，原来可以这样。。（简单粗暴）

<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");