如何给HTML标签传入参数
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
