如何给HTML标签传入参数
1个回答
2017-11-16 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
需要通过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>
以修改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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询