1、为绑定点击事件
2、在点击事件中使用jQuery获得的src属性
3、调用文本框的val()方法，将取到的路径显示在文本框中
<html><head>
<script type="text/javascript" src="js/jquery-183minjs"></script>
<script type="text/javascript">
$(function(){
//为绑定点击事件
$("#tu")click(function(){
//获得的src属性
var url=$(this)prop("src");
//将路径赋值到文本框中
$("#txtUrl")val(url);
});
});
</script>
</head>
<body>
<img id="tu" src="images/friendjpg" width="800" height="600" /><br/>
<input type="text" id="txtUrl" />
</body>
</html>
1、首先打开我们测试的编辑工具 我这里使用的是Eclipse。
2、首先我们新建一个测试项目然后新建一个indexhtml、basicjs和basiccss文件。
3、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码。
4、接下来我们就使用js修改高度。
5、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度。
6、使用js修改CSS文件中的div的height的值 HTML文件中的代码。
7、样式表css文件中的代码如图所示 运行项目之后 你会看到两个div的高度是一样的。
8、然后我们是在js文件中获取div1的id属性 然后使用objstylecssTest来修改嵌入式的css。
9、然后运行项目之后 两次结果都是一样的 div的高度改变了 。
如下参考：
1页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。
2在event函数中，定义一个内容为degreediv字符的字符串变量。
3然后使用jquery的append将已知的div字符串添加到c2div，如下所示。
4运行页面，现在只看到一个div，如下图所示。
5单击下面的按钮来触发添加div的逻辑，如下所示。
js获取DIV的位置坐标的方法大概有两种：
第一种：编辑代码：var odiv=documentgetElementById('divid');
alert(odivgetBoundingClientRect()left);
alert(odivgetBoundingClientRect()top);
第二种：编辑代码function CPos(x, y) {thisx = x; thisy = y;} / 得到对象的相对浏览器的坐标/ function GetObjPos(ATarget {var target = ATarget;var pos = new CPos(targetoffsetLeft, targetoffsetTop);var target =targetoffsetParentwhile (target posx += targetoffsetLeft posy += targetoffsetTop; target = targetoffsetParent }return pos; }var obj = documentgetElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标
SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN
以上就是关于单击图片，在js里获取图片的地址，并在文本框中显示全部的内容，包括:单击图片，在js里获取图片的地址，并在文本框中显示、如何用js 获取一个div的坐标、js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）