青岛做网站
新闻动态
新闻动态

在制作自适应网站时如何去除内容页图片img的style样式

2020-12-08来源:青岛做网站

    大家好,我是速联网络的小编,速联网络是专业的做网站公司。大家都知道现在随着移动互联网的快速发展,能够自动适应不同浏览设备的自适应网站越来越受欢迎。但是,在我们制作自适应网站时因为在移动设备上文章图片需要自适应,但是在上传图片时一般会自动生成高和宽的样式,如果手动去掉这个样式比较费事。今天笔者就跟大家分享一下如何在移动设备访问网站是自动去除内容页图片img的style样式,又不影响电脑PC端访问效果。

其实,我们在网站内容详情页面通过js脚本就可以实现批量去除内容页图片img的style样式。方法实例如下:

<div id="content">

<img src="images/qingdaozuowangzhan.jpg"  style="width:120px; height:90px" />

<br>

<img src="images/qingdaojianwangzhan.jpg"  style="width:120px; height:90px" />

</div>

<script>

var is=document.getElementById('content').getElementsByTagName('img');

for(var i=0,len=is.length;i<len;i++){

is[i].style.cssText=""

}

</script>

就是在内容详情页面的详情展示处添加一个id="content"的属性,然后通过js脚本批量去除图片img的style样式。