JS设置网页图片vspace和hspace属性的方法


Posted in Javascript onApril 01, 2015

本文实例讲述了JS设置网页图片vspace和hspace属性的方法。分享给大家供大家参考。具体分析如下:

hspace可以以像素为单位,指定图像左边和右边的文字与图像之间的间距;vspace 值则是上面的下面的文字与图像之间的距离的像素数

<!DOCTYPE html>
<html>
<head>
<script>
function setSpace()
{
document.getElementById("compman").hspace="50";
document.getElementById("compman").vspace="50";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" alt="Computerman"
width="107" height="98">
<p>Some text. Some text. Some text. Some text.</p>
<input type="button" onclick="setSpace()" 
value="Set hspace and vspace">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript里使用Dom操作Xml
Jan 22 Javascript
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
使用ES6语法重构React代码详解
May 09 Javascript
微信小程序 navbar实例详解
May 11 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
node中的cookie的具体使用
Sep 13 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
Nov 30 Javascript
详解Next.js页面渲染的优化方案
Jan 27 Javascript
bootstrap table插件动态加载表头
Jul 19 Javascript
详解React的回调渲染模式
Sep 10 Javascript
JS获取图片lowsrc属性的方法
Apr 01 #Javascript
JS获取网页图片name属性的方法
Apr 01 #Javascript
JS动态修改图片的URL(src)的方法
Apr 01 #Javascript
JavaScript之数组(Array)详解
Apr 01 #Javascript
JavaScript数据类型详解
Apr 01 #Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 #Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 #Javascript
You might like
PHP采集相关教程之一 CURL函数库
2010/02/15 PHP
php批量上传的实现代码
2013/06/09 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
JavaScript实现图片轮播的方法
2015/07/31 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
python+selenium+autoit实现文件上传功能
2017/08/23 Python
python中subprocess批量执行linux命令
2018/04/27 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
HTML5的download属性详细介绍和使用实例
2014/04/23 HTML / CSS
优秀应届毕业生自荐信
2013/11/16 职场文书
超市促销活动方案
2014/03/05 职场文书
搞笑的获奖感言
2014/08/16 职场文书
高考学习决心书
2015/02/04 职场文书
大学开学感言
2015/08/01 职场文书
如何写好活动总结
2019/06/21 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
Python内置数据类型中的集合详解
2022/03/18 Python
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技