<div style="css样式"><div>
<span style="css样式"></div>
<ul style="css样式"></ul>
<li style="css样式"></li>
等,基本上body及以内使用的标签对象都可以使用style属性加入css样式。
需要通过javascript在传参的以修改width为例
<script>
//首先获取到图片的id,也就是在javascript中获取大img,方便后续 *** 作
var face = document.getElementById("face")
//通过face的style属性修改,这里图片的宽度就会变为500px
face.style.width = "500px"</script>
如果你是想在页面输入数值,图片就会变化的话,需要在页面添加输入框和按钮
<input type="text" id="widthValue">
<button id="btn">确定</button>
<script>
//首先获取按钮和输入框的数值
var face = document.getElementById("face")
var widthValue = +document.getElementById("widthValue").value
var btn = document.getElementById("btn")
//通过点击调用匿名函数,给图片赋予新的宽度
btn.onclick = function(){
face.style.width = widthValue
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)