Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在字符串中向img添加宽度属性_Javascript - Fatal编程技术网

Javascript 在字符串中向img添加宽度属性

Javascript 在字符串中向img添加宽度属性,javascript,Javascript,假设我有一根类似于 x = '<div class="sample"> <img src="http://www.example.com/i/java.png"> </div> <div class="sample_another"> <img src="/i/somedir/python.png"> </div>' 我有两个功能 getheight=>返回img高度和 getwidth=>返回

假设我有一根类似于

x = '<div class="sample">
     <img src="http://www.example.com/i/java.png"> 
 </div>
 <div class="sample_another">
     <img src="/i/somedir/python.png"> 
</div>'
我有两个功能

getheight=>返回img高度和 getwidth=>返回img宽度

我想将width和height属性添加到img标记中,我可以从这些函数中获得它们的值。我找不到适用于此的正则表达式,所以我考虑了更多的通用方法

这就是我到目前为止想到的

var string ="<img alt='' src='http://api.com/images/UID' /><br/>Some plain text<br/><a href='http://www.google.com'>http://www.google.com</a>";

var elem= document.createElement("div");
elem.innerHTML = string;

var images = elem.getElementsByTagName("img");
for(img in images){
   ...
}
但之后我不知道如何继续,因为这是从dom元素转换为字符串。我还要加上高度和宽度

我的最后一个字符串应该是这样的

x = '<div class="sample">
         <img src="http://www.example.com/i/java.png" height="200px" width="100px"> 
     </div>
     <div class="sample_another">
         <img src="/i/somedir/python.png" width="150px" height="150px"> 
    </div>'
有谁能帮我做到这一点吗。感谢您使用height属性设置图像的height属性的值。和“宽度”来设置宽度

如果字符串中有多个img标记,请使用如下所示的for循环。如果没有,您可以简单地使用图像[0],而不使用for循环

编辑:如果要更改字符串本身,只需重新指定字符串,如下所示

var string=一些纯文本; var elem=document.createElementdiv; elem.innerHTML=字符串; var images=elem.getElementsByTagNameimg;
fori=0;我不使用正则表达式解析HTML@我们的恩人这是我到目前为止想到的。。。我在脚本中没有看到任何正则表达式您的最终字符串与原始字符串完全相同?还有,为什么要获取图像的高度和宽度,只是为了将它们添加到属性中?@我们的赞助人是的,这就是为什么我将其制作成html并尝试这样做,但我不知道如何处理forward@adeneo. 非常抱歉。现在编辑:除此之外,我还想将高度和宽度属性插入到主字符串x内的img标记中。@Pujan你是说这样?