dw怎么在div中添加图片_IT百科

可以使凳键贺用HTML中的<img>标签将图片添加到div中，只需要给img标签指定图片的路径即可：

html

<div>

<枣派/div>

可以使用img标签在div标签中添加图片。

1、新建html文档，然后在body标签中添加div标签，这时div标签中没有内容，所以网页中什么也不会显示：

2、在div标签中添加img标签，在img标签中添加“src”属性，属性值为图片的地址，这时网页中将会显示刚才添加的拿丛茄图片：

3、由于插入的图片宽高默认是图片自身的宽高，所以需要用css控制图片的宽高。在head标签和body标消察签中添加style标签，然后选择img标签，设置图片标签的宽度和高郑宴度，这时图片的宽高就会变成我们设置的宽高：

<1>js或者jQuery访问页面中的框架iframe.

注意:框架内的页面是不能跨域的! 假设有两个页陵巧面,在相同域下.

假设：父窗口 index.html ，有id 为 subifrm 的iframe

1. 在index.html执行JS直接访问子窗口中某元素:

document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red'

2. 利用jquery 来访问子窗口

$("#subifrm").contents().find("#test").css('color','red')

====================================================================

<2>用DOM方法与jquery方法结合的方式实现互动 *** 作

1.在父窗口中 *** 作选中IFRAME中的所有单选钮

$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true")

2.在IFRAME中 *** 作选中父窗口中的所有单选钮

$(window.parent.document).find("input[@type='radio']").attr("checked","true")

====================================================================

<3>使用jquery *** 作iframe

1 页面里有两个ifame

leftiframe中jQuery改变mainiframe的src代码：

$("#mainframe",parent.document.body).attr("src","")

2、如果内容里面有一个ID为mainiframe的ifame

ifame包含一个someID

<div id="someID">you want to get this content</div>

得到someID的内容

$("#mainiframe").contents().find("someID").html()或者$("#mainiframe").contains().find("someID").text()

2 、如上面所示

leftiframe中的jQuery *** 作mainiframe的内容someID的内容

$("#mainframe",parent.document.body).contents().find("someID").html()或者$("#mainframe",parent.document.body).contents().find("someID").val()

source:

欢迎分享，转载请注明来源：内存溢出

dw怎么在div中添加图片