黑马程序员技术交流社区

标题: html文本中有关<img />标记的处理 [打印本页]

---

作者: 舒远    时间: 2013-1-7 10:18
标题: html文本中有关<img />标记的处理


现有一需求：
有一段html文本，文本内容很多，其中有<img />标记，例如<img src="http://localhost:8888/imgs/ptJGCv8lrBKdHlEZh6UqFJ6pn.jpg" />。
可能有width，height属性，也可能没有。
现在需要做如下操作：
如果有width、height属性则取出具体值，可更改后替换原有值。
例如：<img src="http://localhost:8888/imgs/ptJGCv8lrBKdHlEZh6UqFJ6pn.jpg" width="120" height="230" />
替换后：<img src="http://localhost:8888/imgs/ptJGCv8lrBKdHlEZh6UqFJ6pn.jpg"  width="220" height="200" />。（属性值可以自己作为参数传入）

如果没有width、height属性则可以添加进去：
例如：<img src="http://localhost:8888/imgs/ptJGCv8lrBKdHlEZh6UqFJ6pn.jpg" />，
替换后：：<img src="http://localhost:8888/imgs/ptJGCv8lrBKdHlEZh6UqFJ6pn.jpg" width="120" height="230" />

望会的兄弟姐妹们不吝赐教。
回帖有奖哦。。

---

作者: 黑马刘杰    时间: 2013-1-7 16:03
这东西是从后台输出到页面的吗？可不可以将它看做字符串来处理呢？

---

作者: 舒远    时间: 2013-1-7 16:04

黑马刘杰 发表于 2013-1-7 16:03
这东西是从后台输出到页面的吗？可不可以将它看做字符串来处理呢？

就当字符串处理。转换后的结果打印出来就OK

---

作者: 余善航    时间: 2013-1-7 17:44
先给图片起个名字
<img src="url" id="imgid" width="20px" height="20px" />
然后宽度： imgid.width
高度： imgid.height

---

作者: 舒远    时间: 2013-1-7 20:55

余善航 发表于 2013-1-7 17:44
先给图片起个名字

然后宽度： imgid.width

不是javascript处理的。

---

作者: 王阳    时间: 2013-1-7 22:05
个人认为用javascript或者css处理应该好很多

---

作者: 黑马刘向阳    时间: 2013-1-7 22:47
用正则表达式可行不？刚看过正则

---

作者: 余善航    时间: 2013-1-7 23:53

舒远 发表于 2013-1-7 20:55
不是javascript处理的。

那不知道了
   怎么往后台传值呢

---

作者: 舒远    时间: 2013-1-8 08:52

王阳 发表于 2013-1-7 22:05
个人认为用javascript或者css处理应该好很多

javascript处理是很简单，这题需求不是javascript处理。就是纯文本的处理。

---

作者: 王阳    时间: 2013-1-8 22:45

舒远 发表于 2013-1-8 08:52
javascript处理是很简单，这题需求不是javascript处理。就是纯文本的处理。

如果不用css和js确实比较难。。。这个我就真不晓得了,不过既然有何必不用呢。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2