Question

我正在撰写一篇阅读iOS应用的文章。文章包含多个图片我无法在html中更改图像的大小。
这是我的代码： -

    NSString *url=[[NSString alloc] initWithString:_DetailModal1[3] ];//contain html content.<br>


    NSString *javaScriptStar=@"<script>a = document.getElementsByTagName('img');for (i = 0;i a.length;i++) {a[i].style.maxWidth = '600px';}</script><div style = \"line-height:85px;font-size:55px;font-family: Helvetica, Arial, Sans-Serif;font-weight:400;\">";

Answer 1

请使用width属性而不是maxWidth。您的for循环也缺少<。

请检查this JSFiddle link

这是更新后的工作代码

<!DOCTYPE html>
 <html>
  <body>
   <button onclick="myFunction()">Click me</button>
      <img border="0" src="http://t0.gstatic.com/images?q=tbn:ANd9GcS28hGdxjiRyMSuYNKY3ogoqKSZUZFRqlH93apAmZlJ-chii5EG"  
        alt="Pulpit rock" width="304" height="228"/>

<script>
 function myFunction() {
    var a = document.getElementsByTagName('img');
    var i =0;
    for (i = 0;i< a.length;i++) 
    {
        a[i].style.width = '1000px';
    }
 }
</script>

 </body>
</html>

Answer 2

    NSString *url=[[NSString alloc] initWithString:_DetailModal1[3] ];//contain html content.     

    NSString *javaScriptStar=@"<style type=\"text/css\">img { width : 1000px !important; height:500px !important;}</style>";

我们如何通过标签名称更改HTML中图像的大小？

2 个答案: